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)