数组的处理方法有哪些

一.push()方法,向数组的末尾添加新内容

  let arr = [12,89,45,68,689,48,99]
  arr.push(88)
  console.log(arr) //[12, 89, 45, 68, 689, 48, 99, 88]

   
   
   
   
  • 1
  • 2
  • 3

二.pop()方法,删除数组的最后一项

  let arr = [12,89,45,68,689,48,99]
  arr.pop()
  console.log(arr) //[12, 89, 45, 68, 689, 48]

   
   
   
   
  • 1
  • 2
  • 3

三.shift()方法,删除数组的第一项

  let arr = [12,89,45,68,689,48,99]
  arr.shift()
  console.log(arr) //[89, 45, 68, 689, 48, 99]

   
   
   
   
  • 1
  • 2
  • 3

四.unshift()方法,向数组首位添加新内容

  let arr = [12,89,45,68,689,48,99]
  arr.unshift(88)
  console.log(arr) //[88, 12, 89, 45, 68, 689, 48, 99]

   
   
   
   
  • 1
  • 2
  • 3

五.slice()方法,按照条件查找出其中的部分内容

  1. arr.slice(n, m),从索引n开始查找到m处(不包含m)
  2. arr.slice(n) 第二个参数省略,则一直查找到末尾
  3. arr.slice(0)原样输出内容,可以实现数组克隆
  4. arr.slice(-n) slice支持负参数,从最后一项开始算起,-1为最后一项,-2为倒数二项
  let arr = [12,89,45,68,689,48,99]
  let newArr = arr.slice(1,5)
  console.log(newArr);//[89, 45, 68, 689]

let newArr = arr.slice(1)
console.log(newArr);//[89, 45, 68, 689, 48, 99]

let newArr = arr.slice(0)
console.log(newArr);//[12,89,45,68,689,48,99]

let newArr = arr.slice(-1)
console.log(newArr);//[99]

let newArr = arr.slice(-2)
console.log(newArr);//[48,99]

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

六.splice()方法,对数组进行增删改

  1. 增加:ary.splice(n,0,m)从索引n开始删除0项,把m或者更多的内容插入到索引n的前面
  2. 修改:ary.splice(n,x,m)从索引n开始删除x个,m替换删除的部分
  3. 删除:ary.splice(n,m) 从索引n开始删除m个内容
  let arr = [12,89,45,68,689,48,99]
  arr.splice(2,0,[12,52])
  console.log(arr);//[12,89,[12,52],45,68,689,48,99]

arr.splice(2,2,[12,52])
console.log(arr);//[12,89,[12,52],689,48,99]

arr.splice(2,2)
console.log(arr);//[12,89,689,48,99]

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

七.join()方法,用指定的分隔符将数组每一项拼接为字符串

  let arr = [12,89,45,68,689,48,99]
  let newArr = arr.join(',')
  console.log(newArr);//12,89,45,68,689,48,99

 
 
 
 
  • 1
  • 2
  • 3

八.concat()方法,用于连接两个或多个数组

  let arr = [12,89,45,68,689,48,99]
  let arr2 = [1,1,1,1]
  let newArr = arr.concat(arr2,12)
  console.log(newArr);//[12, 89, 45, 68, 689, 48, 99, 1, 1, 1, 1, 12]

 
 
 
 
  • 1
  • 2
  • 3
  • 4

九.includes()方法,判断一个数组是否包含一个指定的值,有返回true,无返回false

  let arr = [12,89,45,68,689,48,99]
  let res = arr.includes(45)
  console.log(res); //true

 
 
 
 
  • 1
  • 2
  • 3

十.sort()方法,对数组的元素进行排序

  let arr = [12,89,45,68,689,48,99]
  let newArr = arr.sort( (a,b) => {return a-b;})
  console.log(newArr); //[12, 45, 48, 68, 89, 99, 689]

 
 
 
 
  • 1
  • 2
  • 3

十一.reverse()方法,把数组倒过来排列

  let arr = [12,89,45,68,689,48,99]
  let res = arr.reverse()
  console.log(res);
  //[99, 48, 689, 68, 45, 89, 12]

 
 
 
 
  • 1
  • 2
  • 3
  • 4

十二.forEach()方法,主要用于遍历数组

  let arr = [12,89,45,68,689,48,99]
  arr.forEach( (item,index) => {
    console.log(item,index);//
  })

 
 
 
 
  • 1
  • 2
  • 3
  • 4

十三.map()方法,主要用于对数组里面的每一项元素执行相同的操作来创建新的数组

  let arr = [12,89,45,68,689,48,99]
  let newArr = arr.map( item => {
    return item*2
  })
  console.log(newArr); //[24, 178, 90, 136, 1378, 96, 198]

 
 
 
 
  • 1
  • 2
  • 3
  • 4
  • 5

十四.filter()方法,对数组中的每一项元素执行相同的函数,函数执行结果为true则返回当前项,为false则剔除,将结果组合成一个新数组。

  let arr = [12,89,45,68,689,48,99]
  let newArr = arr.filter( item => {
    return item>20
  })
  console.log(newArr);//[89, 45, 68, 689, 48, 99]

 
 
 
 
  • 1
  • 2
  • 3
  • 4
  • 5

十五.reduce()方法,对数组中的每一项元素执行相同的函数,生成一个值。例如,下面求数组元素的总和。

  let arr = [12,89,45,68,689,48,99]
  let sum = arr.reduce( (total,item) => {
    return total+item
  })
  console.log(sum);//1050

 
 
 
 
  • 1
  • 2
  • 3
  • 4
  • 5

十六.every()方法,主要用于检查数组中每个元素是否符合函数的条件,如果其中有一个不符合,则返回false

  let arr = [12,89,45,68,689,48,99]
  let result = arr.every( item => {
    return item>10
  })
  console.log(result);//true

let result = arr.every( item => {
return item>30
})
console.log(result);//false

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

十七.indexOf()访求 ,主要用于在数组中查找元素,并把元素的下标返回。没有该元素则返回-1

  let arr = [12,89,45,68,689,48,99]
  let index = arr.indexOf(22)
  console.log(index);//-1

let index = arr.indexOf(45)
console.log(index);//2

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

十八.isArray()方法 ,判断变量是否是一个js数组

  let arr = [12,89,45,68,689,48,99]
  let res = Array.isArray(arr)
  console.log(res); //true
  • 1
  • 2
  • 3
  • 4

十九.indexOf()访求 ,主要用于在数组中查找元素,并把元素的下标返回。没有该元素则返回-1

  let arr = [12,89,45,68,689,48,99]
  let index = arr.indexOf(22)
  console.log(index);//-1

let index = arr.indexOf(45)
console.log(index);//2

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
本文链接:https://blog.youkuaiyun.com/qq_45331957/article/details/115965429
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值