定义测试数组:
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方法
- 用来累计的变量(即当前状态),默认值为0
- 数组的当前元素
- 当前元素在数组中的序号(从0开始)
- 原数组
[1, 2, 3, 4, 5].reduce(function(x, y){
return x+y;
});
// 15
除了上述这些文法外还有很多其他方法:
valueOf() 返回数组本身
toString() 返回数组的字符串形式
concat() 合并数组
indexOf() 返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1
lastIndexOf() 返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1
欢迎关注技术开发分享录:http://fenxianglu.cn/