js数组(概念,标志,索引,方法)

96 阅读2分钟

数组:

概念:

是一种特殊的对象。

    与普通对象的区别:a.普通对象使用字符串作为属性名,而数组使用数字作为索引来操作元素

             b.数组的存储性能比普通对象好

标志:[ ]

索引:

是从0开始的整数

   数组的长度:arr.length

对于连续的数组,使用length属性可获取数组的长度,而非连续的数组,使用length获得的是数组的最大索引+1

   创建数组对象:

   字面量创建数组:var arr = [ ];

   数组中的元素可以是任意类型,包括对象、函数

方法:

push():

向数组的末尾添加一个或多个元素,并返回数组新的长度

    可以将要添加的元素作为方法的参数传递,这样这些元素会自动添加到数组末尾

  // 定义一个数组
      let arr = ['苹果', '香蕉'];

      // 多增加一个元素
      arr.push("西瓜");

      console.log(arr);

pop():

删除数组的最后一个元素并且返回被删除的元素

shift() :

删除数组第一个元素并将被删除的元素作为返回值

 //  数组 删除最后一个元素 pop

      let arr = ['西瓜', '香蕉', '麻瓜'];

      // 希望删除掉最后的一个元素  麻瓜 不要
      // arr.pop();

      // console.log(arr); // ['西瓜', '香蕉'


      // 希望删除掉第一个元素  
      arr.shift();

      console.log(arr);// 

unshift():

向数组的开头添加一个或多个元素并返回新的长度

   let arr = ['black', 'red'];

      //  push  是把新的元素 设置到 数组的末位
      // arr.push('yellow');

      // unshift 是把新的元素 设置到数组的开头
      arr.unshift("yellow");

      console.log(arr);

      /* 
      数组添加元素的总结

      1 两种元素添加元素的方式
        push  末位
        unshift 开头添加元素   
      2 在开发中    push 用得最多  , unshift 了解即可  
      3 有没有指定位置来添加元素   ['black', 'red']  往中间塞元素可以不可以 
        可以 splice 即可(还没有讲到 )
       */

      /* 
      1 push 和 unshift 都可以做到 给数组添加新元素
      2 这两个代码在执行的时候  还可以返回  数组的长度 (了解)
       */

      let arr = ['苹果', '西瓜'];

      //  添加新元素 == 返回 添加完新元素之后的数组长度
      let arrLength = arr.unshift('哈密瓜'); // arrLength = 数组的长度 =  3 
      console.log(arrLength);
      console.log(arr.length);

splice():

替换、插入、删除;会影响到原数组,将被删除的值返回

let arr = ['西瓜', '香蕉', '麻瓜'];
      // 现在想要删除 香蕉

      // splice("想要删除的元素的下标","想要删除几个");

      // 删除数组中的下标为1的元素,
      // 从 1 的位置开始 想要删除几个
      arr.splice(1, 2);
      
      console.log(arr);
      
       //  指定位置来插入元素
      // splice("想要删除的元素的下标","想要删除几个","在该下标位置添加元素");

      // 在 1的位置,删除0个元素,增加一个红薯
      let arr = ['西瓜', '香蕉', '麻瓜'];
      ['西瓜', '红薯', '香蕉', '麻瓜'];
      arr.splice(1, 1, '红薯');
      console.log(arr);