length:返回数组的长度(即元素的数量)。
const arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 输出 5
push:将一个元素添加到数组的末尾。
const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出 [1, 2, 3, 4]
pop:从数组的末尾删除一个元素,并返回该元素的值。
const arr = [1, 2, 3];
const last = arr.pop();
console.log(last); // 输出 3
console.log(arr); // 输出 [1, 2]
unshift:将一个元素添加到数组的开头。
const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // 输出 [0, 1, 2, 3]
shift:从数组的开头删除一个元素,并返回该元素的值。
const arr = [1, 2, 3];
const first = arr.shift();
console.log(first); // 输出 1
console.log(arr); // 输出 [2, 3]
splice:从数组中删除一些元素,或者在指定位置插入一些元素。
const arr = [1, 2, 3, 4, 5];
arr.splice(2, 2, 6, 7);
console.log(arr); // 输出 [1, 2, 6, 7, 5]
slice:返回数组的一个子集。
const arr = [1, 2, 3, 4, 5];
const subArr = arr.slice(1, 3);
console.log(subArr); // 输出 [2, 3]
concat:将两个或多个数组合并成一个新数组。
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = arr1.concat(arr2);
console.log(newArr); // 输出 [1, 2, 3, 4, 5, 6]
indexOf:返回指定元素在数组中第一次出现的索引,如果没有找到,则返回-1。
const arr = [1, 2, 3, 4, 5];
const index = arr.indexOf(3);
console.log(index); // 输出 2
includes:判断数组是否包含指定元素,如果包含则返回true,否则返回false。
const arr = [1, 2, 3, 4, 5];
const result = arr.includes(3);
console.log(result); // 输出 true
forEach:遍历数组中的每个元素,并对每个元素执行指定的操作。
const arr = [1, 2, 3];
arr.forEach(function(item) {console.log(item);
});
// 输出
// 1
// 2
// 3
map:遍历数组中的每个元素,并将每个元素应用于指定的函数,返回一个新的数组。
const arr = [1, 2, 3];
const newArr = arr.map(function(item) {return item * 2;
});
console.log(newArr); // 输出 [2, 4, 6]
filter:遍历数组中的每个元素,并将符合指定条件的元素组成一个新的数组返回。
const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(function(item) {return item % 2 === 0;
});
console.log(newArr); // 输出 [2, 4]
reduce:将数组中的所有元素累积为一个单独的值,可以是求和、求平均、求最大值等。
const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce(function(prev, curr) {return prev + curr;
}, 0);
sort:对数组进行排序,可以是升序或降序。
const arr = [3, 1, 4, 2, 5];
arr.sort(function(a, b) {return a - b;
});
console.log(arr); // 输出 [1, 2, 3, 4, 5]
数组中的es6 ES6(ECMAScript 2015)在数组的使用方面提供了一些新的特性,下面介绍一些常用的 ES6 数组特性。
扩展运算符(Spread operator):可以将一个数组展开为一个序列,或者将多个数组合并为一个数组。示例:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2]; // 合并数组
console.log(arr3); // 输出 [1, 2, 3, 4, 5, 6]const arr4 = [0, ...arr1, 4]; // 在数组头尾添加元素
console.log(arr4); // 输出 [0, 1, 2, 3, 4]
Array.from() 方法:可以将一个类数组对象或可迭代对象转换为真正的数组。示例
const str = 'abc';
const arr = Array.from(str); // 将字符串转换为数组
console.log(arr); // 输出 ['a', 'b', 'c']const set = new Set([1, 2, 3]);
const arr2 = Array.from(set); // 将 Set 转换为数组
console.log(arr2); // 输出 [1, 2, 3]
Array.of() 方法:可以创建一个包含任意数量参数的新数组。示例:
Array.of() 方法:可以创建一个包含任意数量参数的新数组。示例:
find() 和 findIndex() 方法:可以在数组中查找符合条件的元素并返回它的索引或值。示例:
const arr = [1, 2, 3, 4, 5];
const result = arr.find(function(item) {return item > 3;
});
console.log(result); // 输出 4const index = arr.findIndex(function(item) {return item > 3;
});
console.log(index); // 输出 3
fill() 方法:可以用指定的值填充数组中的元素。示例:
const arr = new Array(5).fill(0); // 填充数组
console.log(arr); // 输出 [0, 0, 0, 0, 0]
includes() 方法:可以判断数组是否包含指定的元素。示例:
const arr = [1, 2, 3, 4, 5];
const result = arr.includes(3);
console.log(result); // 输出 true
flat() 方法:可以将嵌套数组扁平化为一维数组。示例:
const arr = [1, 2, [3, 4, [5, 6]]];
const newArr = arr.flat(); // 扁平化数组
console.log(newArr); // 输出 [1, 2, 3, 4, 5, 6]
some() 和 every() 方法:可以判断数组中的元素是否符合指定的条件,并返回 true 或 false。示例:
const arr = [1, 2, 3, 4, 5];
const result1 = arr.some(function(item) {return item > 3;
});
console.log(result1); // 输出 trueconst result2 = arr.every(function(item) {return item > 3;
});
console.log(result2); // 输出 false
上一篇: 形容爱的很深的句子
下一篇: 经典励志优美句子摘抄