Js的Array(数组)常见使用方法

avatar
开发工程师 @西安众邦网络科技有限公司

什么是数组?

数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。 数组中的每个元素都有自己的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.fill1)
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.indexOf1)
console.log(b);  //1

查找数组中是否有满足条件的值

includes()

  • 值:(有:true;无:false) 示例:
var a = [1,2,3] 
var b = a.includes1)
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.push5)
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.slice1,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.splice1,3)
console.log(b);  //[2,4,1]
var c = [1,2,3,4,5] 
var d = a.splice1,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.unshift9)
console.log(a);  //[9,3,2,4,1]

感谢您的阅读,如果对您有帮助,欢迎关注"CRMEB"掘金号。码云上有我们开源的商城项目知识付费项目,均是基于PHP+vue+mysql开发,学习研究欢迎使用,关注我们保持联系!