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])

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载:在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总...
    七色烟火阅读 3,397评论 0 3
  • # 数组部分 # 1.## array_chunk($arr, $size [, $preserve_key = ...
    clothTiger阅读 1,316评论 0 1
  • ES6语法跟babel: 一、首先我们来解释一下什么是ES? ES的全称是ECMAScript。1996 11 ,...
    Mooya_阅读 1,161评论 0 0
  • 1、新的声明方式 以前我们在声明时只有一种方法,就是使用var来进行声明,ES6对声明的进行了扩展,现在可以有三种...
    令武阅读 1,090评论 0 7
  • 喜欢的一句话: 梦里不知身是客,一蓑烟雨任平生。 每日一句英文: It is said that the hous...
    晴安阅读 277评论 0 1

友情链接更多精彩内容