learn-es6常用语法（3）

1数组方法

sort 数组排序

let arr=[1,2,3,34,44,5]

arr.sort((a,b)=>{

if(a<b){return -1}  //如果当前的数  比下一次的数小       当前的排到前面      return -1

if(a>b){return 1}  //如果当前的数  比下一次的数大    当前的排到后面          return 1

if(a==b){return 0}   //当前的数和下一次的数大小相同                                  return 0

})

-----------------

Array.from()   伪数组转化成数组

得到一个和下标相同的数组

let arr=Array.from({length:3},(item,index)=>{ return index})

取出dom元素的text文本内容

let ali=document.querySelectorAll('ul li')

a：Array.from(ali,(item)=>{ return item.textContent})

b: Array.prototype.map.call(ali,(item)=>item.textContent)

-------------------

let arr=Array.of(1,2,2,3)  把多个值转化成一个数组

Array.of(3)  把3转化成[3]   而不是之前的  arr.length=3

-----------------

copyWithin复制数组的值 到合适的位置

let arr=[1,2,3,4,5,6]

arr.copyWidthin(0,3,5)  覆盖的开始位置，复制的起始位置，复制的结束位置 （不包括结束index的值）

console.log(arr)  //[4,5,3,4,5,6]

--------------------------

find()  (找到一个符合条件的“值”)（有一个满足就满足）

arr.find((item)=>{ return item>10})

---------------------------

fill填充  (“数组方法”，对数组的每一项进行填充)

a初始化数组   let arr=[1,2,3].fill(0)   console.log(arr)  //[0,0,0]

也可初始化数组中的任何一项  

b可选择位置进行填充  arr.fill(填充的值，起始位置，结束位置)

let arr=[1,2,3,4,5]

arr.fill('a',1,4)//[1,'a','a','a',5]

***填充的为对象时  只是浅拷贝  指向的那个数组

let arr=new Array(3).fill({"name":'hello'})

arr[0].name="123"

console.log(arr)//[{"name":"123"}{"name":"123"}{"name":"123"}]

------------------------------

keys()  values()  entries()

keys()  返回键组成的数组

values()   返回值组成的数组

entries()   返回键值组成的数组

-----------------------------

includes()    数组中是否包含   //返回true或者false

------------------------------

flat()  把数组展成一个扁平的数组          [1,2,3,[4,5]].flat()         //[1,2,3,4,5]

类似于map  （返回一个新的数组）       let  arr=[1,2,3,4]

arr.flatmap((item)=>[item,item * 2])