JavaScript中数组的常用方法

JavaScript中数组的常用方法 1.增2.删除3.查4.截取5.拼接6.splice方法7.排序方法8.转换9.数组的主要迭代方法

可以通过查看Array对象的原型来看有哪些方法。

console.log(Array.prototype)

1.增 push(元素)；unshift(元素):从数组前面增加元素 2.删除 pop(元素)；shift(元素)； 3.查 indexOf(元素)；includes(元素)； 4.截取 slice(startIndex,endIndex)； 5.拼接 concat 6.splice方法

这三个都会改变原数组。

增加 splice(index,0,元素1，元素2....),其中0表示删除元素的个数为0(因为是增加元素)删除 splice(index,count);替换 splice(index,count,元素1，元素2...)。从index开始，删除count个元素，并且用元素1、元素2…替换。 7.排序方法 sort(回调参数) let arr2=[3,7,1,9,23] const newArr2=arr2.sort((item1,item2)=>item2-item1) console.log(newArr2)//[23,9,7,3,1] 反转(是数组反转，字符串不能反转） 一个经典的例题(给字符串反转)： let str="abcdef"; let arr=str.split(""); let newArr=arr.reverse(); let newStr=newArr.join(""); console.log(newStr)//fedcba 8.转换 join()：啥也不传时候，默认为逗号 9.数组的主要迭代方法 find(回调函数): 返回第一个匹配的元素 let arr1 = [1, 3, 5, 7, 9] const element = arr1.find((item, index) => index == 2) console.log(element)//5 some(回调函数) 有一项成立就返回true let arr2 = [1, 3, 5, 7, 9]; const flag= arr2.some((item, index) => item === 9); console.log(flag); //true every(回调函数) 所有项成立才返回true let arr3 = [1, 3, 5, 7, 9]; const flag1= arr3.every((item, index) => item > 3); console.log(flag1); //false const flag2= arr3.every((item, index) => item >= 1); console.log(flag2); //true forEach(回调函数) ps:无法跳出循环，而且无法在循环中改变数组内容,没有返回值 let arr3=[1,2,3,4,5] arr3.forEach(item=>{ console.log(item) item=item++;//这里不会改变 console.log(item) }) console.log(arr3)//[1,2,3,4,5] filter() let arr4 = [1, 3, 6, 8, 9]; const newArr = arr4.filter((item, index) => item % 2 === 1); console.log(newArr); // [1, 3, 9] map():会有一个返回值，原数组不会被改变。可以用新数组接受返回的内容 let arr5 = [1, 3, 6, 8, 9]; const newArr1 = arr5.map((item, index) => item * item); console.log(newArr1); // [1, 9, 36, 64, 81]