本文主要是介绍数组处理方法总结:改变与不改变原数组,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
最近在写项目处理数组对象的时候,有时候会思考如何快速简洁的实现数据的处理,但在使用的时候,会误解一些不常用的数组方法的意思,导致数据处理结果不对,然后就总结了一份常用的数组处理方法
改变原数组的方法: push()、pop()、shift()、unshift()、splice()、reverse()、sort()、copyWithin()、fill()。
不改变原数组的方法: concat()、slice()、map()、filter()、reduce()、reduceRight()、join()、includes()、indexOf()、find()、findIndex()、every()、some()。
一、改变原数组的方法
1、push(): 向数组末尾添加一个或多个元素。
let arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]
pop(): 移除数组末尾的元素,并返回该元素。
let arr = [1, 2, 3];
arr.pop(); // 返回 3, arr 变成 [1, 2]
shift(): 移除数组的第一个元素,并返回该元素。
let arr = [1, 2, 3];
arr.shift(); // 返回 1, arr 变成 [2, 3]
unshift(): 向数组的开头添加一个或多个元素,并返回新的长度。
let arr = [1, 2, 3];
arr.unshift(0); // 返回 4, arr 变成 [0, 1, 2, 3]
splice(): 从数组中删除、替换或添加元素,直接修改原数组。在这里插入代码片
let arr = [1, 2, 3, 4];
arr.splice(1, 2, 10); // 删除 1 个元素并插入 10, arr 变成 [1, 10, 4]
reverse(): 颠倒数组的顺序。
let arr = [1, 2, 3];
arr.reverse(); // [3, 2, 1]
sort(): 对数组进行排序,默认按字母顺序。可以传入比较函数。
let arr = [3, 1, 2];
arr.sort(); // [1, 2, 3]
copyWithin(): 在当前数组中,复制数组的一部分到另一个位置(会改变原数组)。
let arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3); // [4, 5, 3, 4, 5]
fill(): 用指定值填充数组中的部分或所有元素。
let arr = [1, 2, 3];
arr.fill(0); // [0, 0, 0]
二、不改变原数组的方法
concat(): 合并两个或多个数组,返回一个新数组。
let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2); // [1, 2, 3, 4]
slice(): 返回数组的一个浅拷贝,指定起始和结束位置(不包括结束位置)。
let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // [2, 3]
map(): 通过对数组中的每个元素执行一个函数,返回一个新数组。
let arr = [1, 2, 3];
let newArr = arr.map(x => x * 2); // [2, 4, 6]
filter(): 创建一个新数组,包含通过测试的所有元素。
let arr = [1, 2, 3, 4];
let newArr = arr.filter(x => x > 2); // [3, 4]
reduce(): 对数组的每个元素执行累加器函数,最终返回一个值。
let arr = [1, 2, 3];
let sum = arr.reduce((acc, curr) => acc + curr, 0); // 6
reduceRight(): 类似于 reduce(),但从右到左执行。
let arr = [1, 2, 3];
let sum = arr.reduceRight((acc, curr) => acc + curr, 0); // 6
join(): 将数组中的所有元素连接成一个字符串。
let arr = [1, 2, 3];
let str = arr.join("-"); // "1-2-3"
includes(): 检查数组是否包含某个值,返回布尔值。
let arr = [1, 2, 3];
arr.includes(2); // true
indexOf(): 返回数组中首次出现指定值的索引,如果未找到则返回 -1。
let arr = [1, 2, 3];
arr.indexOf(2); // 1
find(): 返回数组中第一个通过测试的元素。
let arr = [1, 2, 3];
let found = arr.find(x => x > 1); // 2
findIndex(): 返回数组中第一个通过测试的元素的索引。
let arr = [1, 2, 3];
let index = arr.findIndex(x => x > 1); // 1
every(): 检查数组中的每个元素是否都通过测试,返回布尔值。
let arr = [1, 2, 3];
arr.every(x => x > 0); // true
some(): 检查数组中是否至少有一个元素通过测试,返回布尔值。
let arr = [1, 2, 3];
arr.some(x => x > 2); // true
这篇关于数组处理方法总结:改变与不改变原数组的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!