一、基础添加和删除方法 push(),pop(),unshift(),shift()
- push(element1, ..., elementN)
将一个或多个元素添加到数组的末尾，并返回该数组的新长度
// 添加一个元素
> arr.push(1)
< 1 // 返回数组长度
// 添加多个元素
> arr.push(1,2,3)
<4
arr
(4) [1, 1, 2, 3] // 会改变原数组值
- pop()
从数组中删除最后一个元素，并返回该元素的值(当数组为空时返回undefined。此方法更改数组的长度。 - unshift(element1, ..., elementN)
将一个或多个元素添加到数组的开头，并返回该数组的新长度(该方法修改原有数组)。 - shift()
从数组中删除第一个元素，并返回该元素的值,如果数组为空则返回undefined。此方法更改数组的长度。
二、进阶splice()，可进行删除、添加和替换
- splice(start[, deleteCount[, item1[, item2[, ...]]]])
通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。返回被删除的元素组成的一个数组。
参数：- start: 指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位。
- deleteCount（可选）：整数，表示要移除的数组元素的个数。
如果 deleteCount 被省略了，或者它的值大于等于array.length - start(也就是说，如果它大于或者等于start之后的所有元素的数量)，那么start之后数组的所有元素都会被删除。
如果 deleteCount 是 0 或者负数，则不移除元素。 - itemN: 要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。
三、数组排序sort([compareFunction(a, b)])
对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的Unicode位点进行排序。会改变原数组。
参数：
compareFunction(可选)：用来指定按某种顺序进行排列的函数。
- 如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前；
- 如果 compareFunction(a, b) 等于 0 ， a 和 b 的相对位置不变；
- 如果 compareFunction(a, b) 大于 0 ， b 会被排列到 a 之前。
// 对象可以按照某个属性排序：
var items = [
{ name: 'Edward', value: 21 },
{ name: 'Sharpe', value: 37 },
{ name: 'And', value: 45 },
{ name: 'The', value: -12 },
{ name: 'Magnetic' },
{ name: 'Zeros', value: 37 }
];
// sort by value
items.sort(function (a, b) {
return (a.value - b.value)
});
// sort by name
items.sort(function(a, b) {
var nameA = a.name.toUpperCase(); // ignore upper and lowercase
var nameB = b.name.toUpperCase(); // ignore upper and lowercase
if (nameA < nameB) {
return -1;
}
if (nameA > nameB) {
return 1;
}
// names must be equal
return 0;
});
四、其他常用方法
- concat(value1[, value2[, ...[, valueN]]])
用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。 - join([separator])
将一个数组的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。
参数：- separator（可选）：
指定一个字符串来分隔数组的每个元素。如果缺省该值，数组元素用逗号（,）分隔。如果separator是空字符串("")，则所有元素之间都没有任何字符。
- separator（可选）：
- reverse()
将数组中元素的位置颠倒，并返回该数组。该方法会改变原数组。 - indexOf(searchElement[, fromIndex])
返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1- searchElement：要查找的元素
- fromIndex （可选）：开始查找的位置。如果该索引值大于或等于数组长度，意味着不会在数组里查找，返回-1。如果参数中提供的索引值是一个负值，则将其作为数组末尾的一个抵消，即-1表示从最后一个元素开始查找，-2表示从倒数第二个元素开始查找 ，以此类推。
- lastIndexOf(searchElement[, fromIndex])
返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1。从数组的后面向前查找，从 fromIndex 处开始。 - slice([begin[, end]])
返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。
五、要提供函数作为参数的方法
- filter()
返回一个新数组, 其包含通过所提供函数实现的测试的所有元素。
用来测试数组的每个元素的函数，返回 true 表示该元素通过测试，保留该元素，false 则不保留。它接受以下三个参数：- element
数组中当前正在处理的元素。 - index可选
正在处理的元素在数组中的索引。 - array可选
调用了 filter 的数组本身。
- element
- find() findIndex()
返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。 - map()
创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
var numbers = [1, 4, 9];
var doubles = numbers.map(function(num) {
return num * 2;
});
// doubles数组的值为： [2, 8, 18]
// numbers数组未被修改： [1, 4, 9]
- reduce() reduceRight()
对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。
reducer 函数接收4个参数:- Accumulator (acc) (累计器)
- Current Value (cur) (当前值)
- Current Index (idx) (当前索引)
- Source Array (src) (源数组)
reducer 函数的返回值分配给累计器，该返回值在数组的每个迭代中被记住，并最后成为最终的单个结果值。
// 累加器
const array1 = [1, 2, 3, 4];
const reducer = (accumulator, currentValue) => accumulator + currentValue;
// 1 + 2 + 3 + 4
- forEach()
对数组的每个元素执行一次给定的函数。
除了抛出异常以外，没有办法中止或跳出 forEach() 循环。 - every()
测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。若收到一个空数组，此方法在一切情况下都会返回 true。 - flatMap()
首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。
var arr1 = [1, 2, 3, 4];
arr1.map(x => [x * 2]);
// [[2], [4], [6], [8]]
arr1.flatMap(x => [x * 2]);
// [2, 4, 6, 8]
// only one level is flattened
arr1.flatMap(x => [[x * 2]]);
// [[2], [4], [6], [8]]
- some()
测试数组中是不是至少有1个元素通过了被提供的函数测试，至少一个元素通过回调函数的测试就会返回true。
如果用一个空数组进行测试，在任何情况下它返回的都是false。
六、其他方法
- copyWithin(target[, start[, end]])
浅复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。
参数：- target
从0开始的索引，复制序列到该位置。如果是负数，target 将从末尾开始计算。
如果 target 大于等于 arr.length，将会不发生拷贝。如果 target 在 start 之后，复制的序列将被修改以符合 arr.length。（数组长度不会改变） - start
开始复制元素的起始位置。如果是负数，start 将从末尾开始计算。
如果 start 被忽略，copyWithin 将会从0开始复制。 - end
开始复制元素的结束位置。copyWithin 将会拷贝到该位置，但不包括 end 这个位置的元素。如果是负数， end 将从末尾开始计算。
如果 end 被忽略，copyWithin 方法将会一直复制至数组结尾（默认为 arr.length）。
- target
[1, 2, 3, 4, 5].copyWithin(-2, -3, -1)
// [1, 2, 3, 3, 4]
- entries()
返回一个新的Array Iterator对象，该对象包含数组中每个索引的键/值对。
const array1 = ['a', 'b', 'c'];
const iterator1 = array1.entries();
console.log(iterator1.next().value);
// expected output: Array [0, "a"]
console.log(iterator1.next().value);
// expected output: Array [1, "b"]
- fill(value[, start[, end]])
用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。
const array1 = [1, 2, 3, 4];
console.log(array1.fill(0, 2, 4));
// expected output: [1, 2, 0, 0]
- flat([depth])
按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。默认结构深度为1。
flat() 方法会移除数组中的空项。
// 扁平化嵌套数组
var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]
var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]
- includes(valueToFind[, fromIndex])
用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。(区分大小写) - keys()
返回一个包含数组中每个索引键的Array Iterator对象。
const array1 = ['a', 'b', 'c'];
const iterator = array1.keys();
for (const key of iterator) {
console.log(key);
}
// expected output: 0
// expected output: 1
// expected output: 2
- toLocaleString()
返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString 方法转成字符串，这些字符串将使用一个特定语言环境的字符串（例如一个逗号 ","）隔开。 - toString()
返回一个字符串，表示指定的数组及其元素。
[1,2,[3,4,5,[6,7]]].toString()
"1,2,3,4,5,6,7"
- values()
返回一个新的 Array Iterator 对象，该对象包含数组每个索引的值.
const array1 = ['a', 'b', 'c'];
const iterator = array1.values();
for (const value of iterator) {
console.log(value);
}
// expected output: "a"
// expected output: "b"
// expected output: "c"
