美文网首页
js数组内置方法

js数组内置方法

作者: 姜酱i | 来源:发表于2020-04-30 10:25 被阅读0次

let arr = [];
1.push,在数组末尾添加新的元素

  arr.push(1) //arr = [1]

2.pop,在数组的末尾删除元素

  arr.pop() //arr = []

3.unshfit,在数组前添加元素

  arr.push(2)
  arr.unshfit(1) //arr = [2,1]

4.shfit,在数组前删除元素

  arr.shfit() //arr = [1]

5.flat,多维数组扁平化

  arr = [1,2,3,[4,5,6,[7,8,9,[10]]]]
  arr.flat(Infinity)//Infinity无穷的 arr = [1,2,3,4,5,6,7,8,9,10]

6.sort,数组排序

 arr = [2,3,1];
arr.sort(function(){
  return 1
})//1,2,3
arr.sort(function(){
  return -1
})//3,2,1

7.reduce,遍历数组汇总为一个结果

  arr = [1,2,3,4]
  arr.reduce((preVal,currentVal)=>{
    return preVal+currentVal
  })//10
  arr.reduce((preVal,currentVal)=>{
    return preVal-currentVal
  }),5)//-5

8.find,查询数组中满足查询条件的第一个值,否则返回undefined

  arr = [1,2,3]
  arr.find((e)=>{return e>0})//1
  arr.find((e)=>{return e<0})//undefined

9.findIndex,查询数组中某个值的下标,找到了返回下标,否则返回-1

  arr = [1,2,3]
  arr.findIndex((e)=>e==1)//0
  arr.findIndex((e)=>e==0)//-1

10.includes,查询数组中是否含有这个元素,有则返回true,否则返回false

  arr = [1,2,3]
  arr.includes(1)//true
  arr.includes(0)//false

11.Array.from(),将一个类数组转化成数组

  let str = 'arr';
  Array.from(str)//['a','r','r']

12.Array.isArray(),判断是否是数组

  let str = 'arr'
 Array.isArray(str ) //false

13.some,判断数组中是否有一项满足添加,有则返回true,否则返回false

  arr = [1,2,3]
  arr.some((e)=>{
    return e%2==0
  })//true

13.every,判断数组中所有项都满足添加,是则返回true,否则返回false

  arr = [1,2,3];
  arr.every((e)=>{
    return e>0
  })//true
  arr.every((e)=>{
    return e>1
  })//false

14.splice,可使数组添加、替换、删除元素(改变原数组)

  arr = [1,2,3]
  arr.splice(1)//删除元素 arr = [1]
  arr.splce(1,2,4)//替换元素 arr = [1,4]
  arr.splece(2,3,5)//添加元素 arr = [1,4,5]

15.slice,获取数组元素,不改变原数组

  arr = [1,2,3]
  let newArr = []
  newArr = arr.slice(1)//newArr  = [2,3]

16.concat,使两个数组合并为一个数组

  arr = [1,2,3]
  newArr = [4,5,6]
  arr.concat(newArr)//arr = [1,2,3,4,5,6]

17join,将数组转成字符串

  arr = [1,2,3]
  let str = ''
  str = arr.join()//1,2,3
  str = arr.join('')//123
  str = arr.join('@')//1@2@3

相关文章

  • JS数组常用方法

    @[toc] JS数组方法 数组是 js 中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效...

  • js数组内置方法

    let arr = [];1.push,在数组末尾添加新的元素 2.pop,在数组的末尾删除元素 3.unshfi...

  • JavaScript中数组的基本方法详解

    JS中的内置对象有:String,Array,Math,Date。今天我们来详解一下数组的创建及其方法。 数组的创...

  • Array数组循环全解1

    常用的11种数组遍历方法: 1、for循环语句2、forEach数组对象内置方法3、map数组对象内置方法4、fi...

  • javaScript的数组

    js中没有数组类型 js 中数组是以内置对象的形式存在 数组定义01 var attr = new Array('...

  • js_11 数组内置方法

    Instanceof: 是一个关键字。 判断A是否是B类型。布尔类型值 = A Instanceof B ; ...

  • [转]JS数组遍历方法

    文章主要来源: JS数组遍历方法总结 -- 我是豆子啊 我们用更简洁的语法(比如内置函数)遍历数组,从而消除循环结...

  • JS 内置函数 数组遍历方法总结

    START 朋友遇到面试题,问到foreach和Map的区别。 想到遍历数组,肯定是我们CV工程师经常用到的地方,...

  • 多维数组扁平化

    方法1:递归 2.toString方法 3.数组内置方法

  • [前端学习]js语法部分学习笔记,第四天

    JS内置数组对象操作 数组名.concat()连接两个或更多的数组 数组名.valueOf() 返回数组本身的值,...

网友评论

      本文标题:js数组内置方法

      本文链接:https://www.haomeiwen.com/subject/gcoawhtx.html