JavaScript 数组api

JavaScript 数组api

---

JavaScript数组,忘记的时候来看看。

创建数组-数组的格式

var animals = ['dog','cat'];

数组的重要属性

//获取数组长度
console.log(animals.length)

如何访问数组中包含的数据

//通过索引可获得数组中的单元,索引从0开始
//获取数组的第一个单元
console.log(animals[0])
//获取数组最后一个单元
console.log(animals[animals.length-1])

将数组单元添加到数组的末尾并返回最终的数组长度,push()

animals.push('rabbit')
//dog,cat,rabbit

将数组单元添加到数组的开头并返回最终的数组长度,unshift()

animals.unshift('deer')
//deer,dog,cat,rabbit

删除数组的最后一个单元并返回删除的单元,pop()

animals.pop()

删除数组的第一个单元并返回删除的单元,shift()

animals.shift()

找到某个单元在数组中的位置并返回单元的索引或-1,indexOf()

animals.indexOf('dog') // 0
animals.indexOf('shark') // -1

通过索引删除数组中的单元并在索引处插入新单元,splice(index,len[,…])

animals.splice(1,1,'cat','rabbit')
//dog,cat,rabbit

连接两个或更多数组并返回结果,concat(arr1[,…])

animals.concat(['bear'],'duck')

将数组中的所有单元通过给定的分隔符拼接成字符串并将其返回,join(sep)

animals.join(',')

颠倒数组中单元的顺序

animals.reverse()

返回给定数组中选定的元素，slice(start,end)【包前不包后】

animals.slice(1,2)

对数组中的元素进行排序,sort(func)

//升序
animals.sort(function(a,b){return a-b})
//降序
animals.sort(function(a,b){return b-a})

数组遍历

//for循环
for(var i = 0; i < animals.length; i++){
    console.log(animals[i])
}
//forEach
animals.forEach(function(item,idx){
    console.log(item+'--'+idx)
})

ES6

includes判断数组中是否含有某个元素

animals.includes('cat'); //false

find(fn)，查找到第一个符合fn条件函数的元素并返回

animals.find(function(ele){
    return ele === 'duck';
})

find(fn)，查找到第一个符合fn条件函数的元素的索引并返回

animals.findIndex(function(ele){
    return ele === 'duck';
})