28个JS数组方法,一张图全搞定

4 阅读2分钟
方法调用示例返回值是否修改原数组说明
.length[1,2,3].length3返回数组元素个数
.push()[1,2,3].push(4)4 (新长度)在末尾添加元素,返回新长度
.unshift()[1,2,3].unshift(0)4 (新长度)在开头添加元素,返回新长度
.pop()[1,2,3].pop()3 (被移除元素)移除最后一个元素并返回它
.shift()[1,2,3].shift()1 (被移除元素)移除第一个元素并返回它
.at()[1,2,3].at(2)3返回指定索引处的元素(支持负数索引)
.indexOf()[1,2,3].indexOf(3)2返回元素首次出现的索引,未找到返回 -1
.includes()[1,2,3].includes(3)true检查数组是否包含某元素
.map()[1,2,3].map(num => num**2)[1,4,9]对每个元素执行函数,返回新数组
.filter()[1,2,3].filter(num => num%2)[1,3]过滤满足条件的元素
.every()[1,2,3].every(num => num>1)false检查是否所有元素都满足条件
.some()[1,2,3].some(num => num==3)true检查是否至少一个元素满足条件
.fill()[1,2,3].fill(10)[10,10,10]用指定值填充数组
.reduce()[1,2,3].reduce((a,b)=>a+b,0)6从左到右累加元素
.concat()[1,2,3].concat([4,5])[1,2,3,4,5]合并数组,返回新数组
.reverse()[1,2,3].reverse()[3,2,1]反转数组顺序
.sort()[1,2,3].sort()[1,2,3]排序数组(默认字符串排序)
.join()[1,2,3].join('-')"1-2-3"将数组元素连接成字符串
.flat()[1,2,3].flat()[1,2,3]扁平化嵌套数组(默认深度1)
.find()[1,2,3].find((n,i)=>i===1)2返回第一个满足条件的元素
.findIndex()[1,2,3].findIndex(n=>n===2)1返回第一个满足条件的元素的索引
.toString()[1,2,3].toString()"1,2,3"返回数组的字符串表示
.slice()[1,2,3].slice(1,3)[2,3]返回数组的一部分(浅拷贝)
.splice()[1,4].splice(1,0,2,3)[] (被删除的元素)在指定位置增删元素,返回被删除元素数组
Array.isArray()Array.isArray("[1,2,3]")false静态方法,判断是否为数组
Array.from()Array.from("123")['1','2','3']静态方法,从可迭代对象创建数组