<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <script>

         //数组浅复制：指向的是同一个对象，对象变化时，他们都变化。

         var numbers = [1,2,3];

         var num = numbers;

         console.log(num);

         console.log(numbers);

         numbers[1] = 4;

         console.log(num[1]);

         //数组深复制：把数组中的每个元素都复制到新数组中

         function Copy(arr1,arr2){

             for(var i=0;i<arr1.length;i++){

                 arr2[i]=arr1[i];

             }

             return arr2;

         }

         //数组几个可变方法：  unshift() 添加元素到数组开头    push()  添加元素到数组尾  pop()删除最后一个元素  shift()  删除数组第一个元素

         var arr = [1,2,3,4,5];

         arr.unshift(6);

         console.log("unshift",arr);

         var arr = [1,2,3,4,5];

         arr.shift();

         console.log("shift",arr);

         var arr = [1,2,3,4,5];

         arr.push(6);

         console.log("push",arr);

         var arr = [1,2,3,4,5];

         arr.pop();

         console.log("pop",arr);

         //数组排序    sort()  和  sort(function) ，reverse();

         function compare(num1,num2){

             return num1-num2;

         }

         var arr = [1,3,100,6,50];

 //        arr.sort();//这个排序默认以字符串的形式排列  所以数字有误差  可以加个比较函数  实现数字排序。

         arr.sort(compare);

         console.log("sortarr",arr);

         arr .reverse();

         console.log(arr,"reverse");

         //返回索引   ：  indexOf()  和 lastIndexOf()

         var arr = [1,2,2,3];

         console.log(arr.indexOf(2));

         console.log(arr.indexOf(4));   // 找不到 返回-1

         console.log(arr.lastIndexOf(2));  // 返回数组中跟参数相同的所有元素中的最后一个索引。

         //数组字符串表示  join()  和  toString()方法

         var  arr = ['zhangsan','lisi','zhaowu','wangliu'];

         console.log(arr.join());

         console.log(arr.toString());  //返回的结果是一样的，逗号分隔的字符串.

         //数组生成数组  ：concat()  splice()

         var arr1 = ['hello','javascript'],

             arr2 = ['name','class'];

         console.log(arr1.concat(arr2));

         var arr = ['hello','this',"is",'splice'];

          console.log(arr.splice(1,3));

          console.log(arr);  //切割完   数组就变成剩下的元素组成的数组

          //从数组中间位置添加  删除元素  ：splice(a,b,value)   a :起始索引  b 要截取（删除）的元素个数   value，要添加的元素,可以是多个，依次逗号隔开。

          var arr= [1,2,3,100,200,4,5];

          arr.splice(3,2);

          console.log(arr);  //完成删除

          var arr = [1,2,3,4,5];

          arr.splice(3,0,100,200);  //插入的值依次逗号隔开

          console.log(arr);

         //迭代器方法

         //不生成新数组的： forEach(function)  接受一个函数，对每个元素进行迭代，

         //             every(function) 返回一个布尔值，方法作用在每个元素上都返回true，every(function) 才返回true

         //             some(function)  与every(function ) 类似，但只要有一个返回true，some就返回true。

          //             reduce(function)   迭代累加, 也可以连接成字符串，  还可以用 reduceRight(function)方法进行反转

          //forEach(function)

         var arr = [1,2,3,4,5,6,7,8,9];

         function print(num){

             console.log(num,num*num);

         }

         arr.forEach(print);

         //every(function)，some(function)

         var arr = [4,5,6,7,8,9];

         var bool = arr.some(function(num){

     //  var bool = arr.every(function(num){

             console.log(num>5);

             return    num>5

         });

         console.log(bool);

         //reduce(function)

         var arr = [1,2,3,4];

         function add(num1,num2){

             return num1 + num2;

         }

         console.log(arr.reduce(add));  //10

        //生成新数组迭代方法：map(function), filter(function)

        //map

        var arr = ["hello","javascript","function"];

        function first(value){

                return  value[0];

        }

        console.log(arr.map(first).join(''));

        //filter:参数函数需要返回布尔值，结果是满足条件的所有元素列表。  相当于过滤器。也可以用来过滤字符串数组。

        var arr = [1,2,3,4,5,6,7,8];

        var res = arr.filter(function(num){

               return num >5

        })

        console.log("res",res);   //6，7，8

        //获取数组所有key值

        var arr=new Array();

             arr["name"] = "张三";

             arr["age"] = "20";

             console.log(Object.keys(arr));

     </script>

 </body>

 </html>

JavaScript数据结构-1.数组的更多相关文章

  1. 翻阅《数据结构与算法javascript描述》--数组篇

    导读: 这篇文章比较长,介绍了数组常见的操作方法以及一些注意事项,最后还有几道经典的练习题(面试题). 数组的定义: JavaScript 中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性 ...

  2. 为什么我要放弃javaScript数据结构与算法（第二章）—— 数组

    第二章 数组 几乎所有的编程语言都原生支持数组类型,因为数组是最简单的内存数据结构.JavaScript里也有数组类型,虽然它的第一个版本并没有支持数组.本章将深入学习数组数据结构和它的能力. 为什么 ...

  3. JavaScript数据结构与算法-数组练习

    一. 创建一个记录学生成绩的对象,提供一个添加成绩的方法,以及一个显示学生平均成绩的方法. // 创建一个记录学生成绩的对象 const Students = function Students () ...

  4. 重读《学习JavaScript数据结构与算法-第三版》- 第3章 数组（一）

    定场诗 大将生来胆气豪,腰横秋水雁翎刀. 风吹鼍鼓山河动,电闪旌旗日月高. 天上麒麟原有种,穴中蝼蚁岂能逃. 太平待诏归来日,朕与先生解战袍. 此处应该有掌声... 前言 读<学习JavaScr ...

  5. JavaScript 数据结构与算法之美 - 线性表（数组、栈、队列、链表）

    前言 基础知识就像是一座大楼的地基,它决定了我们的技术高度. 我们应该多掌握一些可移值的技术或者再过十几年应该都不会过时的技术,数据结构与算法就是其中之一. 栈.队列.链表.堆 是数据结构与算法中的基 ...

  6. JavaScript 数据结构与算法1(数组与栈)

    学习数据结构的 git 代码地址: https://gitee.com/zhangning187/js-data-structure-study 1.数组 几乎所有的语言都原生支持数组类型,因为数组是 ...

  7. JavaScript数据结构——数组

    参考书籍:<学习JavaScript数据结构与算法>

  8. 【从0到1学javascript】javascript数据结构----数组

    javascript中对数组的定义 数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可以是整数.这些数字索引在内部被转换成字符串类型.这是因为javascript对象中的属性名必须是字符 ...

  9. 学习javascript数据结构(三)——集合

    前言 总括: 本文讲解了数据结构中的[集合]概念,并使用javascript实现了集合. 原文博客地址:学习javascript数据结构(三)--集合 知乎专栏&&简书专题:前端进击者 ...

随机推荐

  1. java并发编程工具类辅助类：CountDownLatch、CyclicBarrier和 Semaphore

    在java 1.5中,提供了一些非常有用的辅助类来帮助我们进行并发编程,比如CountDownLatch,CyclicBarrier和Semaphore,今天我们就来学习一下这三个辅助类的用法. 以下 ...

  2. B-spline Curves 学习之B样条曲线的移动控制点、修改节点分析（7）

    B-spline Curves: Moving Control Points 本博客转自前人的博客的翻译版本,前几章节是原来博主的翻译内容,但是后续章节博主不在提供翻译,后续章节我在完成相关的翻译学习 ...

  3. Java程序中做字符串拼接时可以使用的MessageFormat.format

    Java里从来少不了字符串拼接的活,Java程序员也肯定用到过StringBuffer,StringBuilder,以及被编译器优化掉的+=.但这些都和下文要谈的无关. 比如有这样的字符串: 张三将去 ...

  4. [label][JavaScript] 自动填充内容的JavaScript 库

    一个帮助你针对不同标签自动填入内容的轻量级javascript类库 - fixiejs http://www.gbtags.com/technology/javascript/20120802-fix ...

  5. 通过一个例子感受C# 6.0新特性

    微软在Visual Studio 2015中更新C#语言到6.0,添加了很多很好的特性,以使C#语言继续跻身于最优秀语言之行列.下面通过一个例子快速感受一下C# 6.0的新特性,以下程序在VS2015 ...

  6. 溢出文本省略号表示的css实现及polyfill

    需求经常有需要对文字溢出进行处理,通常是在文字显示部分的末尾添加“...”等.如下:

  7. airport 抓包

    链接airport命令: ln -s /System/Library/PrivateFrameworks/Apple80211.framework/Versions/Current/Resources ...

  8. UWP开发入门（八）——聊天窗口和ItemTemplateSelector

    我们平常用的最多的APP可能就是企鹅和微信了.有没有想过聊天窗口如何实现的?本篇我们将简单模拟一个聊天窗口. 聊天窗口大致上就是消息的一个集合列表.集合列表最常见的展现形式无非就是ListView.可 ...

  9. “全栈2019”Java多线程第十五章：当后台线程遇到finally

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

  10. php使用xa规范实现分布式事务处理

    具体实例如下,对数据表进行插入和删除操作,两个操作都成功才会修改数据表,否则数据表不变. <?php class connDb{ private static $host = 'jxq-off- ...