13个js数组精简技巧

1.删除数组的重复项

var fruits=["1",“2”,“3”,“1”];

第一种方式:

var unique=Array.from(new Set(fruits))

第二种方式

var unique=[...new Set(fruits)]

console.log(unique)

2.替换数组中的特定值

.splice(start,value to remove,valueToadd)

3. 将数组转换为对象

有时候,出于某种目的,需要将数组转化成对象,一个简单快速的方法就是使用展开运算符号

var f=['s','d','e','g']

var fobj={...f}

console.log(fobj)

4.用数据填充数组

var newArray=new Array(10).fill("1")

console.log(newArry)

5.数组合并

var f=["a","b","c"]

var a=["2","3","4"]

    console.log(...f,...a)

6.求俩个数组的交集

求两个数组的交集,思路,1.首先使用的方法确保所检查的数组中的值不重复,接着使用

.filter方法和.includes方法

var f=[1,2,3,5,6]

    var a=[1,2,5,9,4]

    var duplicatedValues=[...new Set(f)].filter(item=>a.includes(item))

    console.log(duplicatedValues)

7.从数组中删除虚值

在js中,虚值有 false,0,'',null,NaN,undefined,咱们可以.filter()方法过滤这些虚值

var f=[20,"blue",'',NaN,true,"whiter",5,6]

    var a=f.filter(Boolean)//Boolean 是一个函数,它会对遍历数组中的元素,并根据元素的真假类型,对应返回 true 或 false.

    console.log(a)

8.从数组中获取随机值

var f=["12","32","45","56","78","89"]

var randomName=f[(Math.floor(Math.random()*(f.length)))]

console.log(randomName)

9,反转数组

var f=["12","32","45","56","78","89"]

  var randomName=f.reverse()

    console.log(randomName)

10,lastIndexOf()方法

数组类型有2个位置方法,indexOf和lastIndexOf这2个方法都接受2个参数,要查找的项和表示查找起点位置的索引,indexOf方法从数组开头开始向后查找,lastIndexOf方法则是从数组末尾向前找,这都是查找位置,没有返回-1

var f=[1,2,3,4,5,6,7,3,9]

  var randomName=f.lastIndexOf(3)

    console.log(randomName)//7

11.对数值中的所有值求和

var f=[1,2,3,4,5,6,7,3,9]

  var randomName=f.reduce((x,y)=>x+y);

    console.log(randomName)//40

你可能感兴趣的:(13个js数组精简技巧)