极客笔记JavaScript – 数组构造器属性
在JavaScript中，数组是一种经常使用的数据类型，因此了解数组的构造器属性对于掌握JavaScript编程非常重要。在本文中，我们将深入了解JavaScript中的数组构造函数属性，并通过示例代码加深理解。
数组构造器属性
数组构造器属性指的是那些可以让JavaScript程序员操作数组的特定属性，这些属性可以在数组构造函数中使用，影响数组的行为和功能。以下是常见的数组构造器属性：
Array.prototype.length
Array.prototype.length 属性返回与数组相关联的元素的数量。
const arr = [1,2,3];
console.log(arr.length); // 3
Array.from()
Array.from() 方法从一个类数组或可迭代对象中创建一个新的，浅拷贝的数组实例。
function foo() {
const arr = Array.from(arguments);
console.log(arr);
}
foo(1, 2, 3); // [1, 2, 3]
Array.isArray()
Array.isArray() 方法用于检查传递的值是否为一个数组。如果传入的参数是数组，该方法将返回true，否则返回false。
console.log(Array.isArray([1,2,3])); // true
console.log(Array.isArray('foo')); // false
Array.of()
Array.of() 方法创建一个包含所有参数的新数组实例。与Array构造函数不同的是，如果参数只有一个并且是数字类型，则该方法将创建一个包含参数个数的空数组，而不是包含一个元素的数组。
console.log(Array.of(1,2,3)); // [1, 2, 3]
console.log(Array.of(5)); // [5]
数组的原型方法
除了上面提到的构造器属性，JavaScript还提供了一些可以在数组实例上调用的原型方法。
concat()
concat() 方法用于连接两个或多个数组。该方法不会改变现有数组，而是返回一个新数组。
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
console.log(arr1.concat(arr2)); // [1, 2, 3, 4, 5, 6]
copyWithin()
copyWithin() 方法用于将数组的一部分复制到数组的同一数组内的另一位置，并覆盖原始数据。该方法改变了数组。
const arr = [1, 2, 3, 4, 5];
console.log(arr.copyWithin(0, 3, 4)); // [4, 2, 3, 4, 5]
fill()
fill() 方法用于将数组中的所有元素替换为给定的静态值。该方法改变数组。
const arr = [1, 2, 3, 4, 5];
console.log(arr.fill(0)); // [0, 0, 0, 0, 0]
filter()
filter() 方法创建一个新数组，其中包含所有满足测试函数条件的数组元素。
const arr = [1,2,3,4,5];
console.log(arr.filter(x => x % 2 === 0)); // [2, 4]
find()
find() 方法返回数组中第一个满足条件的元素，如果找不到则返回 undefined。
const arr = [1,2,3,4,5];
console.log(arr.find(x => x>3)); // 4
console.log(arr.find(x => x>5)); // undefined
flat()
flat() 方法创建一个新数组，其中所有子数组的元素按指定深度(默认为1)进行递归平坦化。
const arr = [1, [2, 3], [4, [5, 6]]];
console.log(arr.flat(2)); // [1, 2, 3, 4, 5, 6]
forEach()
forEach() 方法用于对数组的每个元素执行提供的函数。
const arr = [1,2,3];
arr.forEach(x => console.log(x*2)); // 2 4 6
includes()
includes() 方法用于判断数组是否包含给定元素。如果包含该元素则返回 true，否则返回 false。
const arr = [1,2,3];
console.log(arr.includes(2)); // true
console.log(arr.includes(4)); // false
join()
join() 方法用于将数组的所有元素（或一个从起始索引到结束索引的子集）连接成一个字符串。
const arr = [1,2,3];
console.log(arr.join('-')); // '1-2-3'
map()
map() 方法创建一个新数组，其中包含对原始数组中所有元素应用的函数的结果。
const arr = [1,2,3];
console.log(arr.map(x => x*2)); // [2, 4, 6]
pop()
pop() 方法用于从数组中删除最后一个元素，并返回该元素的值。
const arr = [1,2,3];
console.log(arr.pop()); // 3
console.log(arr); // [1, 2]
push()
push() 方法用于向数组的末尾添加一个或多个元素，并返回新数组的长度。
const arr = [1,2,3];
console.log(arr.push(4)); // 4
console.log(arr); // [1, 2, 3, 4]
reduce()
reduce() 方法用于从左到右将数组元素减少到单个值。
const arr = [1,2,3];
console.log(arr.reduce((a,b) => a+b)); // 6
reverse()
reverse() 方法用于反转数组中元素的顺序。
const arr = [1,2,3];
console.log(arr.reverse()); // [3, 2, 1]
shift()
shift() 方法用于从数组中删除第一个元素，并返回该元素的值。
const arr = [1,2,3];
console.log(arr.shift()); // 1
console.log(arr); // [2, 3]
slice()
slice() 方法用于从已有的数组中返回选定的元素。
const arr = [1,2,3,4,5];
console.log(arr.slice(1,3)); // [2, 3]
sort()
sort() 方法用于对数组元素进行排序。
const arr = [3,2,1];
console.log(arr.sort()); // [1, 2, 3]
splice()
splice() 方法用于向或从数组中添加/删除项目。
const arr = [1,2,3,4,5];
console.log(arr.splice(2,2,6,7)); // [3,4]
console.log(arr); // [1,2,6,7,5]
toString()
toString() 方法返回数组的字符串表示形式。
const arr = [1,2,3];
console.log(arr.toString()); // '1,2,3'
unshift()
unshift() 方法用于向数组的开头添加一个或多个元素，并返回新数组的长度。
const arr = [1,2,3];
console.log(arr.unshift(0)); // 4
console.log(arr); // [0, 1, 2, 3]
values()
values() 方法用于返回数组的迭代器对象，该对象可以用于遍历数组的值。
const arr = [1,2,3];
const iterator = arr.values();
console.log(iterator.next().value); // 1
console.log(iterator.next().value); // 2
console.log(iterator.next().value); // 3
结论
在本文中，我们深入了解了JavaScript中的数组构造器属性和原型方法，这些方法可以帮助我们更加高效地使用数组。我们需要认真阅读文档并编写示例代码，以深入理解这些方法的工作原理和用法。