什么是数组?
数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。 数组中的每个元素都有自己的ID,以便它可以很容易地被访问到。
数组的作用
使用单独的变量名来存储一些列的值。
合并数组
1、concat()
- 示例:
var a = [1,2,3]
var b = [4,5]
var c = a.concat(b)
console.log(c); //[1,2,3,4,5]
2、apply()
示例:
var a = [1,2,3]
var b = [4,5]
a.push.apply(a,b)
console.log(a); //[1,2,3,4,5]
固定值填充数组
fill()
示例:
var a = [1,2,3]
var b = a.fill(1)
console.log(b); //[1,1,1]
过滤数组
filter()
示例:
var a = [1,2,3,1,1]
var b = a.filter( i => i==1)
console.log(b); //[1,1,1]
查找对象
1、find()
- 返回数组中满足条件的第一个值 示例:
var a = [1,2,3,4,3]
var b = a.find( i => i==3)
console.log(b); //3
2、findIndex()
- 返回第一个满足条件的元素下标 示例:
var a = [1,2,3,4,3]
var b = a.findIndex( i => i==3)
console.log(b); //2
遍历数组
forEach()
示例:
var a = [1,2,3,4,3]
var b = a.forEach( ( i, index ) => {
console.log( i, index );
})
查找数组中满足条件的值
indexOf()
- 值:(有:1;无:-1) 示例:
var a = [1,2,3]
var b = a.indexOf(1)
console.log(b); //1
查找数组中是否有满足条件的值
includes()
- 值:(有:true;无:false) 示例:
var a = [1,2,3]
var b = a.includes(1)
console.log(b); //true
将数组转字符串;
join()
示例:
var a = [1,2,3]
var b = a.join(‘ , ’)
console.log(b); //1,2,3
将原始数组处理后返回一个新数组
map()
示例:
var a = [1,2,3,4,3]
var b = a.map( ( i, index ) => {
return item + 1
})
console.log(a); //[1,2,3,4,3]
console.log(b); //[2,3,4,5,4]
删除数组最后一个元素,并返回删除的元素
pop()
示例:
var a = [1,2,3]
var b = a.pop()
console.log(b); //3
数组末尾添加元素
push()
示例:
var a = [1,2,3]
var b = a.push(5)
console.log(b); //[1,2,3,5]
删除数组第一个元素,并返回第一个元素;
shift()
示例:
var a = [1,2,3]
var b = a.shift()
console.log(b); //1
返回数组中选定的元素
slice()
示例:
9var a = [1,2,3,4,5,6]
9var b = a.slice(1,4)
console.log(b); //[2,3,4]
返回数组排序,返回排序好的数组
sort()
示例:
var a = [3,2,4,1]
var b = a.sort()
console.log(b); //[1,2,3,4]
添加或删除数组中的元素
splice()
示例:
var a = [3,2,4,1]
var b = a.splice(1,3)
console.log(b); //[2,4,1]
var c = [1,2,3,4,5]
var d = a.splice(1,2,‘z’,‘z’)
console.log(c); //[1,‘z’,‘z’,4,5]
console.log(d); //[1,4,5]
数组头部插入值
unshift()
示例:
var a = [3,2,4,1]
a.unshift(9)
console.log(a); //[9,3,2,4,1]
感谢您的阅读,如果对您有帮助,欢迎关注"CRMEB"掘金号。码云上有我们开源的商城项目,知识付费项目,均是基于PHP+vue+mysql开发,学习研究欢迎使用,关注我们保持联系!