当前位置:网站首页>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>
边栏推荐
- 2021-09-30
- Session和Cookie,Token
- 螺旋矩阵Ⅱ
- 力扣.找到打字符串中所有字母异位词
- 这些数组技巧,我爱了
- Evaluating Machine Learning Models - Excerpt
- mPEG-DSPE 178744-28-0 Methoxy-polyethylene glycol-phosphatidylethanolamine linear PEG phospholipids
- 常见网络攻击与防御方法
- When solving background-size:cover, the picture is covered but not displayed completely?
- box-shadow相关属性
猜你喜欢
随机推荐
Phospholipids-Polyethylene Glycol-Active Esters for Scientific Research DSPE-PEG-NHS CAS: 1445723-73-8
Image binarization processing of opencv
DingTalk H5 micro-app login authentication
When solving background-size:cover, the picture is covered but not displayed completely?
企业级 DevOps 究竟是什么?
cenos7安装cmake-3.22.2
Unity版本升级问题总结
2021-09-30
UR3机器人雅克比矩阵
螺旋矩阵Ⅱ
变更管理与 DevOps —— 二者同时进行吗?
Cholesterol-PEG-Amine CLS-PEG-NH2 胆固醇-聚乙二醇-氨基科研用
学习JDBC之获取数据库连接的方式
MW: 3400 4-Arm PEG-DSPE four-arm-polyethylene glycol-phospholipid a saturated 18-carbon phospholipid
【Rhapsody学习笔记】4:Relations
滴滴被罚超80亿!收集并泄露1.07亿条乘客人脸识别信息
UE5 最新动态虚幻引擎全新版本引爆互联网
MySQL free installation download and configuration tutorial
英语学习笔记
Pytorch Daily Practice - Predicting Surviving Passengers on the Titanic








