作者:再见vivian | 来源:互联网 | 2023-05-18 17:27
JavaScript数组API汇总-数组中的API(方法)在学习JavaScript的道路上,数组是一个非常重要的部分,数组中的API很多,也容易混淆,每次对数组操作的时候都要去
数组中的API(方法)
在学习Javascript的道路上,数组是一个非常重要的部分,数组中的API很多,也容易混淆,每次对数组操作的时候都要去查文档,学习的路上也不能一直前进,有时候要停下来做一下总结,我总结了平时比较常用的一些数组API,希望也可以帮到你。
arry.push()
把一个元素增加到数组的末尾,返回的值为新数组的长度arry.length
let arry = [2, 9, 5]
let returnValue = arry.push(4)
console.log(returnValue)
console.log(arry)
arry.pop()
删除数组中最后一个元素,返回值为删除的元素,实例:
let arry = [2, 9, 5]
let returnValue = arry.pop()
console.log(returnValue)
console.log(arry)
arry.unshift()
与push
方法类似,区别在于它是在数组的前面添加元素,返回值为新数组的长度arry.length
,示例
let arry = [2, 9, 5]
let returnValue = arry.unshift(4)
console.log(returnValue)
console.log(arry)
由此可知,使用push
和shift
组合可以实现数据的‘先进先出’当然也可以使用unshift
和pop
arry.reverse()
把数组反向排序,这里要注意它会改变原来的数组,而不会创建新的数组,示例:
let arry = [2, 9, 5]
arry.reverse()
console.log(arry)
arry.sort()
对数组进行排序,可接受参数,参数必须是函数,如果不没有参数 则是按照字符编码的顺序进行排序,示例:
let arry = [10, 5, 40, 1000]
console.log(arry.sort())
如果数字想要按大小排列,可写入参数:
let arr = [3, 1, 7]
console.log(arr.sort((a, b) => a - b))
arry.forEach(item, index)
与arry.map(item, index)
两者都是对数组遍历,index表示数组索引,不是必须的参数区别在于map
方法会返回一个新的数组,示例:
let arry = [1, 5, 10, 15];
let arry1 = arry.map( x => x + 2);
console.log(arry1)
arry.some()
用于检测数组中的元素是否满足指定条件,参数也是函数如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。
let arry = [1, 5, 10, 15];
console.log(arry.some(item => item > 10)) // true
arry.every()
用于检测数组中的所有元素是否满足指定条件,只有当数组中灭一个元素都满足条件时,表达式返回true , 否则返回false,示例:
let arry = [5, 10, 15];
console.log(arry.every(item => item > 2))
arry.filter()
它创建一个新的数组,原数组不变,新数组中的元素是通过检查指定数组中符合条件的所有元素,示例
let arry = [1, 5, 10, 15];
let arry1 = arry.filter(item => item > 5)
console.log(arry)
console.log(arry1)
arry.join()
把数组元素合并为一个字符串,如果不带参数,默认用逗号分隔
let arry = [5, 10, 15];
console.log(arry.join())
let arry = [5, 10, 15];
console.log(arry.join('.'))
arry.splice(index, hm, add)
它既可以删除特定的元素,也可以在特定位置增加元素,也可以删除增加同时搞定,index
是起始位置,hm
是要删除元素的个数,add
是要增加的元素,上例子:
let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
myFish.splice(2, 0, 'drum')
console.log(myFish)
let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
myFish.splice(2, 1, 'drum')
console.log(myFish)
arry.concat()
用于连接两个或多个数组,返回值为连接后的新数组,原数组不变,示例:
let arry1 = [1, 2, 3]
let arry2 = [4, 5, 6]
arry1.concat(arry2)
console.log(arry1.concat(arry2)) // [ 1, 2, 3, 4, 5, 6 ]
这些就是关于数组常用的api,可以大胆地添加收藏,以备不时之需~