当前位置:网站首页>ES6-数组
ES6-数组
2022-07-31 05:18:00 【春意迟迟、】
(1)数组的创建
Array.of():将参数中所有值作为元素形成数组。
<script> var arr1=Array.of(1,2)//参数作为数组的元素,可以多个参数 console.log(arr1) //[1,2] //区别于new Array: var arr2=new Array(2)//参数是数组的大小:length为2 console.log(arr2) </script>
(2)Array.from():将集合等转化为数组
<script> var set1=new Set() set1.add(1) set1.add(2) set1.add(3) set1.add(4) var arr=Array.from(set1,function(el){ console.log(el) console.log(el,this)//可选,用于指定 map 函数执行时的 this 对象。 return el+"岁"//也可以取90,打印结果会是4个90 })//el:是set1中的数据, console.log(arr)//["1岁","2岁","3岁","4岁"] </script>有三个参数:想要转换的类数组对象或可迭代对象;可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素;可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素。
(3) 扩展方法
find():查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。
<script> //find()查找符合条件的元素, //第一次查找到以后就不返回后面符合条件的元素 var arr1=[10,20,30] var re=arr1.find(function(el){ if(el>18){ return ture } }) console.log(re)//20 </script>
include():数组是否包含指定值。
<script> //includes()是否包含指定数值 var arr=[1,2,3,{name:"rose"}] var re=arr.includes(2) console.log(re)//true var re2=arr.includes({name:"rose"}) console.log(re2)//false re只是引用arr中的对象 </script>
findIndex() :查找符合条件的元素的下标,查找到第一个就返回,不再返回之后符合条件的元素的下标
<script> var arr=[1,2,3] var re=arr.findIndex(function(el){ if(el>2){ return true; } }) console.log(re)//2 </script>与find()一样,传回调函数.
fill():将一定范围索引的数组元素内容填充为单个指定的值。
<script> var arr = [1, 3, 5, 7, 9] console.log(arr.fill("*", 2, 4))//[1,3,"*","*",9] </script>fill(参数1,参数2,参数3):
参数1:用来填充的值(可以是数字、字符串等)
参数2:被填充的起始索引位置
参数3:可选,被填充的结束索引位置(默认为数组末尾)
flat():数组降维
<script> var arr=[[1,2],3,[[4,5],6],7] var arr1=arr.flat(1) //一级降维 console.log(arr1) //[1,2,3,[4,5],6,7] var arr2=arr.flat(2) //二级降维 console.log(arr2) //[1,2,3,4,5,6,7] </script>flat():参数为数字,表示几级降维
还有keys() 遍历键名、values()遍历键值、entries() 遍历键值对 的方法
<script> // entrys():遍历键值对。 for (let [key, value] of ['a', 'b'].entries()) { console.log(key, value); //0 "a" 1 "b" } //keys():遍历键名 for (let key of ['a', 'b'].keys()) { console.log(key); //0 1 } //values():遍历键值 for (let value of ['a', 'b'].values()) { console.log(value); //"a" "b" } </script>
边栏推荐
猜你喜欢

C语言静态变量static

Detailed explanation of mysql transaction principle

钉钉企业内部-H5微应用开发

浅谈音视频开发入门基础及进阶资源分享

【内网开发日记】用websocket手搓一个聊天软件
![[已解决]ssh连接报:Bad owner or permissions on C:\\Users/XXX/.ssh/config](/img/53/8b5a12e7ed551dca52ada5dbb5d6b5.png)
[已解决]ssh连接报:Bad owner or permissions on C:\\Users/XXX/.ssh/config

TCP与UDP协议的区别,以及TCP的三次握手和四次挥手
![[Solved] ssh connection report: Bad owner or permissions on C:\\Users/XXX/.ssh/config](/img/53/8b5a12e7ed551dca52ada5dbb5d6b5.png)
[Solved] ssh connection report: Bad owner or permissions on C:\\Users/XXX/.ssh/config

UE5 最新动态虚幻引擎全新版本引爆互联网

Cholesterol-PEG-NHS NHS-PEG-CLS cholesterol-polyethylene glycol-active ester can modify small molecular materials
随机推荐
解决nx安装 jtop问题
Learning and understanding of ROS service programming
UR3机器人运动学分析之正运动学分析
crontab timing operation
C语言结构体(必须掌握版)
Pytorch Daily Practice - Predicting Surviving Passengers on the Titanic
911崩了,自养号测评环境IP有哪些更好的选择
ImportError: cannot import name 'Xxxx' from partially initialized module 'xx.xx.xx'
The solution to the IDEA console not being able to enter information
DSPE-PEG-Thiol DSPE-PEG-SH 磷脂-聚乙二醇-巯基脂质体制备用
C语言对文件的操作(完整版)
解决background-size:cover时图片铺满但显示不完整?
力扣151. 颠倒字符串中的单词
能否更上一层楼?探究 CMake 争论
链表理论基础
vs2022 xlua 集成第三方库编译报错Generator Visual Studio 15 2017 could not find any instance of Visual Studio.
会话和饼干,令牌
IDEA控制台不能输入信息的解决方法
国际站卖家大促攻略,只需要做好这几件事
物联网时代网络安全成第一大关