ES6/ES7常用语法记录
记录比较常用的ES6/ES7语法
一、检测是否为数组
1、instanceof
方法
const arr = new Array() // const arr = []
arr instanceod Array //true
2、constructor
属性
返回对象相对应的构造函数。
const arr = new Array()
arr.constructor === Array //true
3、isArray()
方法
const arr = new Array()
Array.isArray(arr) //true
二、数组与字符串相互转换
1、数组转字符串:join()
const arr = ["1","2","3"]
const arrToString = arr.join(',')
console.log(arrToString) //1,2,3
2、字符串转数组:split()
const str = '1,2,3'
const stringToArr = str.split(',')
console.log(stringToArr) //["1","2","3"]
三、数组反转
reverse()
对原数组操作并返回经过处理后的原数组
const arr = ["1","2","3"]
const arrReverse = arr.reverse()
console.log(arrReverse) //["3","2","1"]
四、数组去重
[...new Set(arr)]
const arr = ["1","2","3","1"]
const newArr = [...new Set(arr)]
console.log(newArr) //["2","3","1"]
五、数组排序
arr.sort()
:对原数组操作并返回经过处理后的原数组
sort()
方法用于对数组的元素进行排序,并返回原数组。如果不带参数,按照字符串UniCode码的顺序
进行排序
//不带参数
const arr = ["a","c","b","d"]
const newArr = arr.sort()
console.log(newArr) //["a", "b", "c", "d"]//带参数
const arr2 = [1,3,2,0]
const newArr2 = arr.sort((a,b)=>{return a-b //从小到大
})
const newArr3 = arr.sort((a,b)=>{return b-a //从大到小
})
console.log(newArr2) //[0,1,2,3]
console.log(newArr3) //[3,2,1,0]
六、元素在数组中的位置
1、find()
:找出第一个符合条件的数组元素,满足true
即返回,不再执行
[1,-2,-3].find(v=>v<0)
//-2
2、includes()
:是否包含指定的值,同样适用于字符串
[1,-2,-3].includes(1)
//true
3、startsWith()
:是否以指定的值开头
'hellow'.startsWith('he')
//true
4、endsWith()
:是否以指定的值结尾
'hellow'.endsWith('ow')
//true
七、数组的遍历与迭代
1、arr.filter()
:返回符合条件的新数组
const arr = [1,2,3,4,5]
const filterArr = arr.filter(v=>v>3)
console.log(filterArr) //[4,5]
2、arr.every()
:判断所有元素是否满足条件,只有全部为true
才返回true
const arr = [1,2,3,4,5]
const everyArr = arr.every(v=>v>0)
console.log(everyArr) //true
3、arr.some()
:判断是否存在元素满足条件,只要有一个为true
就返回true
const arr = [1,2,3,4,5]
const someArr = arr.some(v=>v>4)
console.log(someArr) //true
4、arr.map()
:循环数组,每个元素经过回调函数操作后的返回值组成一个新的数组返回
const arr = [1,2,3,4,5]
const mapArr = arr.map(v=>v+1)
console.log(mapArr) //[2,3,4,5,6]
5、array.forEach(callbak)
为数组的每个元素执行对应的方法。
let a = [1, 2, 3, 4, 5];let b = [];
a.forEach((item) => {b.push(item + 1);
});
console.log(b); // [2,3,4,5,6]
八、扩展运算符
...
:将一个数组转为用逗号分隔的参数序列。
console.log(...[1,2,3]); // 1 2 3
持续记录…
ES6/ES7常用语法记录相关推荐
- Perl常用语法记录
Perl常用语法记录 ##包的切换和调用其它包的方式 #package A; #my $a=10;#package B; #print $A::a; #print $a;##local局部标识符的使用 ...
- Sencha Cmd 6/7 让你的 ExtJS6/7 项目使用 ES6/ES7/ES8 语法规范
原文链接:https://blog.csdn.net/lovelyelfpop/article/details/78528107 Sencha Cmd 6.5 最大的变化: 支持动态加载包(dynam ...
- HANA数据库常用语法记录(不定期更新)
HANA数据库常用语法记录(不定期更新) 增 -- 2021/06/24 -- Add column to a table ALTER TABLE TEPMLATE ADD (ID BIGINT); ...
- MySQL常用语法记录
0.说明 记录MySQL使用到的常用语法. 1.MySQLDISTINCT唯一 2.MySQLLIMIT限制 3.MySQL ORDER排序升序 4.MySQL DESC降序 5.MySQL WHER ...
- es6,es7,es8语法总结
ES6 1. var let const let,const具有块级作用域,不具有变量提升 const 用于不能被重新赋值的变量 2. 箭头函数 我们经常要给回调函数给一个父级的this 常用办法就是 ...
- es6 新增 常用 语法 知识点 汇总
## let关键字 定义一个变量 特征: 1.不能重复声明 2.块级作用域 3.不存在变量提升 4.暂存死区 ## const关键字 定义一个常量 特征: 1.const关键字定义的值不能修改 2.不 ...
- 工作——常用语法记录
一.js / jquery 1.打开新页面.刷新... 当前页面打开:window.location.href="url".location.href="url" ...
- ES6常用语法糖(附Babel配置使用方法)
获取数据: 解构赋值 解构赋值 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
- [vue-cli]vue-cli生成的项目可以使用es6、es7的语法吗?为什么?
[vue-cli]vue-cli生成的项目可以使用es6.es7的语法吗?为什么? vue-cli 配置了babel,可以将es6,es7....etc在webpack打包的时候转换成es5的代码,所 ...
最新文章
- 探索机器学习的公平性(Delayed Impact of Fair Machine Learning)论文 pdf
- 中国有超3亿人存在睡眠障碍 收入越高睡眠越少
- PAT乙级(1037 在霍格沃茨找零钱 )
- 华为nova8系列获得3C认证:搭载66W超级快充怒追Mate40
- 解决logstash启动过慢的问题
- R之data.table速查手册
- JAVA 读取txt文件内容
- 微服务架构实战篇(一):使用start.spring.io 构建SpringBoot2.0项目
- SolidWorks二次开发随记(一)
- 自然语言处理结合金融专业应用,主要在于资料搜集和处理。
- c++卸载工具_卸载软件同时清除软件注册表里面的信息,也许这款软件能够帮助你...
- 0 upgraded, 0 newly installed, 0 to remove and 6 not upgraded解决方法
- pytorch复现经典生成对抗式的超分辨率网络
- OSChina 娱乐弹弹弹——程序猿如何防火防盗防单身 OR 防败家?
- python指数函数表示_python实现画出e指数函数的图像
- python开源oa系统_最全总结 | 聊聊 Python 办公自动化之 Word(下)
- NGO招志愿者翻译,请分享
- 杀疯了,GitHub疯传2022Java面试八股文解析+大厂面试攻略
- 对参考文献格式的一些举例
- excel分类汇总多个工作表
热门文章
- 二维相位解包裹存在的问题(2D Phase-unwrapping)
- android 10.0实现通过系统属性控制挂载otg设备功能
- kinect 2.0 标定 matlab
- MX 550和MX 570 参数对比 哪个好
- 【FPGA教程案例39】通信案例9——基于FPGA的交织-解交织数据传输
- 对一张图片进行傅里叶变换处理
- 招生技巧之招生之忌. 转载 (三)
- linux nand 坏块_Linux内核中NAND Flash坏块管理
- surfaceview组件的surfaceCreated()不被调用的解决方案
- ARM体系结构学习总结