ES6-ES13学习笔记(5.0)

news/2024/11/8 12:15:39/

ES2022的函数

//findLast findLastIndex()  ES2022

发现在电脑自带的联想浏览器不支持此函数,还报错了

对于ECMA的支持还和浏览器有关以及浏览器版本有关,然后我使用Google浏览器就可以正常使用,

 

 1.扩展运算符:三个点...    

 ...复制为浅复制,如果数组中拥有嵌套就不行了

2.array.from 转换为数组

3.Array.of 

注意与Array()的区别,如果直接使用Array(5),只是声明只有5个内容的空数组,而Array.of (5)则是声明数组元素为5的数组,即[5]。

4.find findIndex()  正序查找

//findLast findLastIndex()  ES2022  逆序查找

5.//flat() flatMap()

扁平化处理,将高维数组转换成一维数组

flatMap()适合复杂对象的展开

<!--* @Author: RealRoad1083425287@qq.com* @Date: 2023-06-01 09:41:03* @LastEditors: Mei* @LastEditTime: 2023-06-01 10:34:43* @FilePath: \vscode\ECMA\06\01.html* @Description: * * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><ul><li>1</li><li>2</li><li>3</li><li>4</li></ul><script>//1.扩展运算符  ...复制为浅复制,如果数组中拥有嵌套就不行了let arr1=[1,2,3]let arr2=['a','b','c']let arr3=arr1.concat()arr3.pop()let arr4=[...arr2]console.log(arr1)console.log(arr2)console.log(arr3)console.log(arr4)let arr5=[4,5,6]console.log([...arr1,...arr5])let myarr=[1,2,3,4,5,6,7,8]let [a,b,...c]=myarrconsole.log(a,b,c)//2. Array.from//argumentsfunction test(){console.log(Array.from(arguments))console.log(arguments)}test(1,2,3,4)let olis=document.querySelectorAll("li")console.log(olis)Array.from(olis).map(function(){})//3.  Array.oflet arr=[1,2,3]let arr6=Array(1,2,3)let arr7=Array.of(1,2,3)let arr8=Array(5)let arr9=Array.of(5)console.log(arr6,arr7)console.log(arr8)console.log(arr9)//4. find findIndex()let arr10=[11,12,13,14,15]let res=arr10.find(function(item){return item>13})let res2=arr10.findIndex(function(item){return item>13})console.log(res)console.log(res2)//findLast findLastIndex()  ES2022// let res3=arr10.findLast(function(item){//     return item>13// })// console.log(res3)let arr11=new Array(3).fill('mez')console.log(arr11)let arr12=[11,22,33]console.log(arr12.fill("mez",1,2))//flat() flatMap()let arr13=[1,2,3,[4,5,6]]let arr14=arr13.flat()console.log(arr13,arr14)let arr15=[{name:"A",list:["安阳,鞍山"]},{name:"B",list:["北京","保定"]}]console.log(arr15.flat())let res4=arr15.flatMap(function(item){return item.list})console.log(res4)</script>
</body>
</html>

 

 


http://www.ppmy.cn/news/141658.html

相关文章

【QCA6174】QCA6174 DFS认证4.6.2.3 Channel Shutdown信道不跳转及检测不到雷达信号问题分析及解决方案

WIFI DFS测试要求 4.6.2.3 Channel Shutdown ---信道关闭 是指一个设备自检测到雷达信号后,到停止相应的信道传输的过程,包括信道关闭传输时间和信道移除时间。 QCA6174 DFS测试调试指令 setRadar This command is used to inject a fake radar indication to the protoc…

浙江大华后端开发一面面经

目录 1.SpringBuffer和SpringBuilder的区别是什么&#xff1f;2.常用的集合类有哪些&#xff1f;HashMap的底层数据结构&#xff1f;推荐一下线程安全的Map&#xff1f;3.TCP和UDP的差异是什么&#xff1f;4.MySQL的左连接和右连接的区别&#xff1f;5.MySQL慢查询如何排查&…

包含合并单元格的表格快速排序

实例需求&#xff1a;现需要将原料配方成分表按照“原料含量”从高到低排序&#xff0c;如下图所示。由于表格中包含合并单元格&#xff0c;因此Excel的排序功能无法正常。 示例代码如下。 Sub demo()Dim data(), i, idx, k, slstRow Cells(Rows.Count, 2).End(xlUp).RowReDi…

Spring Boot 3.1中如何整合Spring Security和Keycloak

在今年2月14日的时候&#xff0c;Keycloak 团队宣布他们正在弃用大多数 Keycloak 适配器。其中包括Spring Security和Spring Boot的适配器&#xff0c;这意味着今后Keycloak团队将不再提供针对Spring Security和Spring Boot的集成方案。但是&#xff0c;如此强大的Keycloak&…

HBase相关的一些基础概念

0 小序 之前面试前司星环的时候&#xff0c;面试官问到HBase那一块的时候直接把我问懵了。上一次使用HBase还是本科的那个图书推荐系统的项目&#xff0c;已经年代久远了&#xff0c;所以今天我特意整理了下HBase相关的知识点。 1 HBase的数据模型 Hbase是以Hdfs为数据存储…

VITS开源项目汇总(更新至2023-06-01)

一、摘要 VITS理论基础&#xff1a;https://github.com/jaywalnut310/vits VITS工程实现&#xff1a;GitHub - rhasspy/piper: A fast, local neural text to speech system VITS一键克隆&#xff0c;中英日三语&#xff0c;Plachtaa/VITS-fast-fine-tuning VITS中文模型&a…

雷神 ffmpeg_雷神之锤II.NET!

雷神 ffmpeg Scott Stanfield and his motley crew have ported Quake II (125k lines of C) to Managed C(.NET)! Madness! But the good kind of madness...check it out. 斯科特斯坦菲尔德( Scott Stanfield)和他的团队成员已将Quake II(C语言的125k行)移植到托管C (。NET…

雷神之锤3源代码注释(1)

2016.1.10 这是我最后一个寒假了&#xff0c;这个寒假来注释了雷神之锤3。同时希望做出自己的mod。 可编译的雷神之锤3源代码免费下载链接&#xff1a;雷神之锤3源代码下载 时间晚了些&#xff0c;先睡了&#xff0c;后续更新。 by 朽木钢丸