Array数组方法总结

JavaScript中的Array[ ]数组里可以放任何数据类型,arr[ 1,’a‘,null,undefined,true,false,[ 1, 2 ]  ], 通过索引获取到各个元素;arr数组里第一个元素的索引为0;

 

indexOf()

     Array 可以通过indexOf( ) 来获取元素的位置

let arr = ['a', 'b', 'c', 'abc'];
arr.indexOf('b'); // 索引为1
arr.indexOf('abc'); // 索引为3

 

slice()

    Array 通过slice()来截取数组中的部分元素并返回一个新数组,

( slice() 方法中如果有两个参数:第一个参数是截取开始的索引位置,第二个参数是截取结束的位置但不截取此索引,

                                有一个参数:从当前索引位置到结束)

let arr = ['a', 'b', 'c', 'd', 'ab' ,'we'];
arr.slice(1,4); // 返回新数组 [ 'b', 'c', 'd' ]
arr.slice(1); // 返回新数组 [ 'b', 'c', 'd', 'ab' ,'we' ]

 

push()

    push()向数组的末尾添加新元素

let arr = [ 'a', 'b', 'c', 'abc' ];

arr.push(12, 34)

console.log(arr) // [ 'a', 'b', 'c', 'abc', 12, 34 ]

 

reverse() 

    使用reverse()方法会反转数组(两极反转)       

 

let arr = [ 'a', 'b', 'abc' ];

arr.reverse()

console.log( arr )  //  [ 'abc', 'b', 'c']

 

concat()

    使用concat()拼接数组

let arr = ['a', 'b', 'c'];

let _arr = arr.concat([1, 2, 3]);

console.log(_arr);  //  ['a', 'b', 'c', 1, 2, 3]

 

join()

    使用join()方法可以将数组中的各个元素用指定的符号链接起来,并返回字符串

 

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

console.log(arr.join('*')); // '1*2*3*4'

 

pop()

     使用pop()方法将数组最后一个参数删掉

let arr = ['a', 'b', 'c', 'd'];

arr.pop()  //'d'

arr  //['a', 'b', 'c'];

 

splice()

    使用splice()方法可以向数组里添加,删除元素

  splice() 参数一:添加或删除元素的索引位置;;参数2:删除元素个数 不删除则为0;;其余参数:为添加到数组里的新元素

let arr = ['a', 'b', 'c', 'd'];

arr.splice(2,2) // [' c', 'd' ]
//在数组arr数组里第二个索引开始删除两个元素
arr  //['a', 'b']  

arr.splice(2,0,'f')
//在arr数组里从索引2开始添加元素
console.log(arr) // ["a", "b", "f", "c", "d"]

arr.splice(2,1,'f')
console.log(arr) // ["a", "b", "f", "d"]

 

ES6新增数组方法

    

1.拓展运算符( ... 

     ===》 

             可以与解构赋值一起使用。

     2.Array.from()

    (1)将类似数组的对象转为真正的数组

    

 

 

        3.Array.of() 将一组值转换为数组

     Array.of(1, 2, 3)   ===》  [1, 2, 3]

 

  4.数组实例的 find() &&  findIndex()

    find() 查找第一个符合条件的

    

    上面代码中 find()寻找 大于三的 输出 第一个大于三的 4

 

    findIndex()与  find()方法基本相同

    

 

     上面代码中 寻找 大于三的 输出 第一个大于三的 4 的index值 也就是3( 如果所有成员都不符合条件 ,则返回1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

      

posted @ 2020-04-21 13:54  tommy·L  阅读(421)  评论(0编辑  收藏  举报