[前端] 关于数组的常用方法统计

2024年5月5日 互联网

定义测试数组：

var arrTest = new Array(1, 2, 3);
var arrTest = [1, 2, 3];

一、push和pop 向数组中添加/删除元素

arrTest.push(4); // [1, 2, 3, 4]
// 添加多个元素
arrTest.push(4, 5, 6); // [1, 2, 3, 4, 5, 6]arrTest.pop(); // [1, 2] 删除最后一个元素

二、join(分隔符) 把数组转换为字符串

arrTest.join(); // "1,2,3"
arrTest.join(' '); // "1 2 3"
arrTest.join('|'); // "1|2|3"

三、shift方法和unshift方法 删除/添加第一个元素

arrTest.shift();  // [2, 3]
arrTest.unshift(0); // [0, 1, 2, 3]

四、reverse()颠倒数组中元素的顺序

arrTest.reverse();  // [3, 2, 1]

五、sort() 按照字典顺序排序

arrTest.sort(); // [1, 2, 3]// 自定义排序
[2, 3, 5, 4].sort(function(a, b) {return a-b;
});
// [2, 3, 4, 5] 从小到大排序 反之从大到小排序// 对象数组排序
[{ name: "张三", age: 30 },{ name: "李四", age: 24 },{ name: "王五", age: 28  }
].sort(function(o1, o2) {return o1.age - o2.age;
});
// [
//   { name: "李四", age: 24 },
//   { name: "王五", age: 28  },
//   { name: "张三", age: 30 }
// ]

六、slice和splice方法

arrTest.slice(1, 2); // [1, 2)  返回 [2]
arrTest.splice(0, 1); // [2, 3] 删除第0个值开始后的1个元素  0是开始下标 1是长度
arrTest.splice(1, 1, 1, 2); // [1, 1, 2, 3] 1：下标 1：长度 1，2：在删除的位置增加的元素

七、map()方法

[1, 2, 3].map(function(elem, index, arr){return elem * elem;
});
// [1, 4, 9]

八、forEach()

[1, 2, 3].forEach(function(elem, index, arr){console.log("array[" + index + "] = " + elem);
});
// array[0] = 1
// array[1] = 2
// array[2] = 3

九、filter()方法

[1,2,3,4,5].filter(function(elem){return (elem>3);     
});
// [4, 5]

十、some()方法 判断数组中是否有值大于某个值

[1, 2, 3, 4, 5].some(function(elem, index, arr){return elem >= 3;
});
// 返回true

十一、every()方法 判断数组中所有元素是否大于某个值

[1, 2, 3, 4, 5].every(function(elem, index, arr){return elem >= 3;
});
// 返回false

十二、reduce方法

  1. 用来累计的变量（即当前状态），默认值为0
  2. 数组的当前元素
  3. 当前元素在数组中的序号（从0开始）
  4. 原数组
[1, 2, 3, 4, 5].reduce(function(x, y){return x+y;
});
// 15

除了上述这些文法外还有很多其他方法：
valueOf() 返回数组本身
toString() 返回数组的字符串形式
concat() 合并数组
indexOf() 返回给定元素在数组中第一次出现的位置，如果没有出现则返回-1
lastIndexOf() 返回给定元素在数组中最后一次出现的位置，如果没有出现则返回-1

欢迎关注技术开发分享录：http://fenxianglu.cn/

最新文章