一、join()
- 将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串;如果一个元素为 undefined 或 null,它会被转换为空字符串。
-
语法:arr.join([separator])
separator:指定一个字符串来分隔数组的每个元素。如果需要,将分隔符转换为字符串。如果省略(),数组元素用逗号分隔。默认为 ","。如果separator是空字符串(""),则所有元素之间都没有任何字符。
1.png
2.png
二、concat()
-
用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组;
image.png
三、some()
- 测试是否至少有一个元素通过由提供的函数实现的测试,对于放在空数组上的任何条件,此方法返回false;
-
语法:arr.some(callback(element[, index[, array]])[, thisArg])
some() 为数组中的每一个元素执行一次 callback 函数,直到找到一个使得 callback 返回一个“真值”(即可转换为布尔值 true 的值)。如果找到了这样一个值,some() 将会立即返回 true。否则,some() 返回 false;它不会改变原数组;
与
every()
正好相反
四、every()
- 测试数组的所有元素是否都通过了指定函数的测试;
-
语法:arr.every(callback(element[, index[, array]])[, thisArg])
every 方法为数组中的每个元素执行一次 callback 函数,直到它找到一个使 callback 返回 false(表示可转换为布尔值 false 的值)的元素。如果发现了一个这样的元素,every 方法将会立即返回 false。否则,callback 为每一个元素返回 true,every 就会返回 true;它不会改变原数组;
五、forEach()
- 对数组的每个元素执行一次提供的函数;
- 语法:arr.forEach(callback[, thisArg])
-
返回值:undefined(它相当于for循环)
总结:forEach方法里操作对象生效,想要操作里面的基本数据类型,就用arr[i]的形式直接操作数组。
六、map()
- 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果;
-
语法:arr.map(callback(element[, index[, array]])[, thisArg])
返回一个新数组,不会改变原有数组;
七、pop()
(不接受参数)
- pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度;当数组为空时返回undefined;
image.png
八、shift()
(不接受参数)
- shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度;
image.png
九、unshift(element1,......)
(与push相对应)
-
unshift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度;(push()方法也会返回新数组的长度)
image.png
十、arr.keys()
-
keys() 方法返回一个包含数组中每个索引键的Array Iterator对象;
image.png
结果.png
for...of
和for...in
循环得到的值不一样,for...of
得到的是值(value),for...in
得到的是键(key),请看下图:
example.png
result.png
十一、arr.reduce()
![](https://img.haomeiwen.com/i8000597/856c802e0f0880eb.png)
- reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值;
- reducer 函数接收4个参数:
Accumulator (acc) (累计器)
Current Value (cur) (当前值)
Current Index (idx) (当前索引)
Source Array (src) (源数组) - 语法:arr.reduce(callback[, initialValue])
-
回调函数第一次执行时,accumulator 和currentValue的取值有两种情况:如果调用reduce()时提供了initialValue,accumulator取值为initialValue,currentValue取数组中的第一个值;如果没有提供 initialValue,那么accumulator取数组中的第一个值,currentValue取数组中的第二个值。
image.png
网友评论