concat():用于连接两个或多个数组。不会更改现有数组,而是返回一个新数组
let arr1 = ['Java','PHP']
let arr2 = ['Go','Python']
let arr3 = ['JS']
let arr4 =arr1.concat(arr2,arr3)
console.log(arr1) // ['Java','PHP']
console.log(arr2) // ['Go','Python']
console.log(arr3) // ['JS']
console.log(arr4) // ['Java', 'PHP', 'Go', 'Python', 'JS']
copyWithin(): 将数组元素复制到数组中的另一个位置,覆盖现有值。不会向数组添加新元素
注意:该方法会覆盖原数组
let arr = ['Java','PHP','Go','Python','JS']
console.log(arr.copyWithin(3,0,2)) // ['Java', 'PHP', 'Go', 'Java', 'PHP']
entries(): 返回带有键/值对的 Array Iterator 对象, 不会改变原数组
let arr = ['Java','PHP','Go','Python','JS']
for (let [key,value]of arr.entries()) {
console.log(key,value)
}
0 'Java'
1 'PHP'
2 'Go'
3 'Python'
4 'JS'
every(): 对数组的每一项都运行给定的函数,若有一项返回 false, 则 every 停止运行返回false,若每一项都为 true,则返回 true。不对没有值得数组元素执行函数,不改变原数组
let arr = [5,6,7,8,9,10]
console.log(arr.every(item => item >4)) // true
console.log(arr.every(item => item >5)) // false
fill(): 用静态值填充数组中的指定元素, 可以指定开始和结束填充的位置。如果未指定,则将填充所有元素。返回改变后的数组
注释:该方法会覆盖原始数组
let arr = ['Java','PHP','Go','Python','JS']
// 指定开始和结束位置
onsole.log(arr.fill('CSS', 2, 4)) // ['Java', 'PHP', 'CSS', 'CSS', 'JS']
// 不指定
console.log(arr.fill('CSS'))// ['CSS', 'CSS', 'CSS', 'CSS', 'CSS']
filter(): 返回一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素, 如果没有元素符合条件,则返回一个空数组。
注意:filter 不会对空数组进行检测。filter 不会改变原始数组。
let arr = [2,4,6,8,10,11]
let newArr =arr.filter(item => item <8)
console.log(newArr)// [2, 4, 6]
console.log(arr)// [2, 4, 6, 8, 10, 11]
find():用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。
// 查找第一个小于0的负数xxxx
console.log([2,3, -1,8].find(item => item <0))// -1
findIndex():findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的索引值,如果所有成员都不符合条件,则返回-1。
[1,2,3,4].find(item => {
return item > 3;
})// 3
forEach(): 按顺序遍历整个数组,对于没有值的数组元素,不执行forEach() 方法。返回值是undefined。无法中途结束循环
let arr = ['Java','PHP','Go','Python','JS']
arr.forEach(item => {
console.log(item)
})
from(): 从一个类似数组或可迭代对象中创建一个新的数组实例
var arr = Array.from('ABCDEFG')
console.log(arr) // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
let arr = [1, 2, 3]
console.log(Array.from(arr, item => item * 10)) // [10, 20, 30]
includes(): 检查数组是否包含指定元素,包含返回 true,不包含返回 false
let arr = ['Java','PHP','Go','Python','JS']
console.log(arr.includes('PHP'))// true
console.log(arr.includes('CSS'))// false
indexOf():返回元素在目标数组中第一次出现的索引,若未找到则返回-1。 如果想从尾到头搜索,请使用 lastIndexOf() 方法。
let arr = ['Java','PHP','Go','Python','JS']
console.log(arr.indexOf('PHP'))// 1
// 也可以指定开始位置
console.log(arr.indexOf('PHP',3))// -1
lastIndexOf() : 和indexOf()相同,区别在于从尾部向首部查询
isArray(): 检查对象是否为数组。是数组则返回 true,否则返回 false
let arr = ['Java','PHP','Go','Python','JS']
let str ='aabbcc'
console.log(Array.isArray(arr))// true
console.log(Array.isArray(str))// false
toString(): 把数组转换为数组值(逗号分隔)的字符串
let arr =['Java', 'PHP', 'Go', 'Python', 'JS']
console.log(arr.toString()); // Java,PHP,Go,Python, JS
join(): 可将所有数组元素结合为一个字符串。行为类似 toString(),但是您还可以规定分隔符
let arr =['Java', 'PHP', 'Go', 'Python', 'JS']
console.log(arr.join("*")); // Java*PHP*Go*Python*JS
keys(): 返回带有数组键的 Array Iterator 对象。不改变原数组
let arr = ['Java','PHP','Go','Python','JS']
for (let key of arr.keys()) {
console.log(key)
}
// 0
//1
// 2
// 3
// 4
map(): 返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
注意: map 不会对空数组进行检测。map 不会改变原始数组。
let arr = [2, 4, 6, 8, 10, 11]
let newArr = arr.map(item => item * 10)
console.log(newArr) // [20, 40, 60, 80, 100, 110]
pop(): 删除数组中最后一个元素,并返回删除的元素,改变原数组
let arr = ['Java', 'PHP', 'Go', 'Python']
console.log(arr.pop()) // Python
console.log(arr) // ['Java', 'PHP', 'Go']
push(): 在数组结尾处添加一个新的元素,并返回数组的新长度
let arr = ['Java', 'PHP', 'Go', 'Python']
console.log(arr.length) // 4
console.log(arr.push('CSS')) // 5
reduce(): 数组中的每一个元素依次执行回调函数,不改变原数组
语法:arr.reduce(callback(prev, curVal, index, curArr),[initialValue])
prev:初始值(或者上一次回调函数的返回值)
curVal: 当前的元素
index: 当前元素的索引
curArr:原数组
initialValue:作为第一次调用 callback 的第一个参数
let arr = [30,7,3,10]
let num =arr.reduce((prev, curVal, index, curArr) => {
console.log(prev, curVal, index)
console.log(curArr)
return prev - curVal
})
// 30 7 1
// [30, 7, 3, 10]
// 23 3 2
// [30, 7, 3, 10]
// 20 10 3
// [30, 7, 3, 10]
console.log(num)// 10
let num1 = arr.reduce((prev, curVal, index, curArr) => {
console.log(prev, curVal, index)
return prev - curVal
}, 40)
// 40 30 0
// 10 7 1
// 3 3 2
//0 10 3
console.log(num1) // -10
reduceRight():功能和reduce()功能是一样的,不同的是reduceRight() 从数组的末尾向前执行
reverse():用于反转数组中元素的顺序。返回反转后的数组,改变原数组
let arr = [1,2,3,4,5]
console.log(arr.reverse())// [5, 4, 3, 2, 1]
console.log(arr)// [5, 4, 3, 2, 1]
shift(): 删除数组的第一个元素,并返回删除的元素,改变原数组
let arr = ['Java', 'PHP', 'Go', 'Python']
console.log(arr.shift()) // Java
console.log(arr) // ['PHP', 'Go', 'Python']
slice(startIndex, endIndex): 返回从 startIndex 开始(包括),到 endIndex (不包括)之间的数组, 若 endIndex 省略,则选择从开始位置到数组末尾的所有元素。使用负数从数组末尾进行选择。返回新数组,不改变原数组
let arr = ['Java','PHP','Go','Python']
console.log(arr.slice(1,3))// ['PHP', 'Go']
console.log(arr)// ['Java', 'PHP', 'Go', 'Python']
some(): 对数组的每一项都运行给定的函数,若有一项返回 true, 则 some 停止运行返回true,若每一项都为 false,则返回 false。不对没有值得数组元素执行函数,不改变原数组
let arr = ['Java','PHP','Go','Python','PHP']
let result =arr.some(item => {
console.log('arr', item ==='PHP')
return item ==='PHP'
})
// arr false
// arr true
console.log('result',result) // result true
sort(): 对数组的元素进行排序。改变原数组,返回排序后的数组。
// 按字母排序
let arr = ['Java','PHP','Go','Python','PHP']
console.log(arr.sort()) // ['Go', 'Java', 'PHP', 'PHP', 'Python']
// 按给定的函数排序
let arr = [1, 3, 2, 5, 4]
arr = arr.sort((a, b) => b - a)
console.log(arr) // [5, 4, 3, 2, 1]
splice(): 对数组进行删除修改,返回被删除的元素组成的数组,改变原数组
语法:array.splice(index, length,item1, .....,itemX)
index: 指定在什么位置添加/删除项目,使用负值指定从数组末尾开始的位置。
length: 要删除的项目数。如果设置为 0,则不会删除任何项目。
item1, ..., itemX: 要添加到数组中的新项目。
let arr = ['Java','PHP','Go','Python']
arr.splice(1,1,'CSS','JS')
console.log(arr)// ['Java', 'CSS', 'JS', 'Go', 'Python']
unshift(): 在数组的开头添加新元素,并返回数组的新长度
let arr = ['Java', 'PHP', 'Go', 'Python']
console.log(arr.length) // 4
console.log(arr.unshift('JS')) // 5