1. find()
作用:找到数组里面第一个满足要求的元素
格式:
let result = arr.find((item,index,arr) =>{
// 比较、计算...return 布尔值
})
如果布尔值为true,则结束查询,结果就是当前的item
补充:ES6中,箭头函数中,形参只有一个时,()可以省略; 执行语句只有一句时,{}和return可以省略
2. map()
map()方法创建一个新数组,其返回值的结果是一个由元素每个元素执行回调函数的结果组成的新数组
语法:
ar new_array = arr.map(function callback(currentValue[, index[, array]]) {
// Return element for new_array }[, thisArg])示例:
const array1 = [1, 4, 9, 16]; // pass a function to map const map1 = array1.map(x => x * 2); console.log(map1); // expected output: Array [2, 8, 18, 32]
3. reduce()
reduce()方法对数组中的每个元素执行一个由reducer函数(升序执行),将其结果汇总为单个返回值
语法:
arr.reduce(callback,[initialValue])
callback (执行数组中每个值的函数,包含四个参数)
1、previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue))
2、currentValue (数组中当前被处理的元素)
3、index (当前元素在数组中的索引,默认从1开始)
4、array (调用 reduce 的数组)initialValue (作为第一次调用 callback 的第一个参数。)
[0, 1, 2, 3, 4].reduce((prev, curr) => prev + curr ); // 结果为10,索引默认从1开始
4. pop()
pop()方法从数组中删除最后一个元素,并返回该元素的值
语法:arr.pop()
返回值:从数组中删除的元素(当数组为空时返回undefined)
let arr = ["angel", "clown", "mandarin", "surgeon"]; let popped = arr.pop(); console.log(popped); // surgeon console.log(arr); // ["angel", "clown", "mandarin"]
5. push()
push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。
语法:
arr.push(element1, ..., elementN) //elementN:
被添加到数组末尾的元素。var arr = ["soccer", "baseball"]; var total = arr.push("football", "swimming"); console.log(arr); // ["soccer", "baseball", "football", "swimming"] // total 变量为数组的新长度值 console.log(total); // 4
6. filter()
filter()
方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。语法:
var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])callback
被调用时传入三个参数:
- 元素的值
- 元素的索引
- 被遍历的数组本身
function a(element) { return element >= 10; } // 过滤出 >10 的元素 var filtered = [12, 5, 8, 130, 44].filter(a); // filtered is [12, 130, 44]
7. forEach()
forEach()
方法对数组的每个元素执行一次给定的函数,数组遍历方法。语法:
arr.forEach(callback(currentValue [, index [, array]])[, thisArg])可依次向
callback
函数传入三个参数:
- 数组当前项的值
- 数组当前项的索引
- 数组对象本身
8. concat()
concat()
方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。语法:
var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])示例:
const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array = array1.concat(array2); console.log(array); // expected output: Array ["a", "b", "c", "d", "e", "f"]
9. join()
join()
方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。描述:所有的数组元素被转换成字符串,再用一个分隔符将这些字符串连接起来。
如果一个元素为undefined
或null
,它会被转换为空字符串。示例:
const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // expected output: "Fire,Air,Water" console.log(elements.join('')); // expected output: "FireAirWater" console.log(elements.join('-')); // expected output: "Fire-Air-Water"