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的代码,所 ...
最新文章
- libnids抓不到包
- 【设计模式】装饰器模式的使用
- 零基础不建议学前端_web前端开发零基础怎样入门-哈尔滨前端学习
- 深入理解:一文讲透RabbitMQ
- thinkphp5 ajax搜索+分页
- TensorFlow 教程 --教程--2.5TensorFlow运作方式入门
- 【8.0、9.0c】树形列表 列标题 不对齐的问题及解决方案
- qmake常用语法三
- install and use zookeeper C client API
- 大数据——Spark GraphX介绍
- 全国2009年1月电子商务与电子政务试题
- docker上安装多个mysql_docker:安装mysql多个
- 从零开始学PCR技术(二):Taq DNA酶
- HttpClient 4.1版本,模拟登录,终于成功了(2)
- 工作效率-十五分钟让你快速学习Markdown语法到精通排版实践备忘
- 賀旺囍影_EDIUS6.06安装版 【实机测试】
- ITRON入门之任务(TASK)的理解
- 大数据时代,为什么很多JAVA程序员会转型做JAVA大数据
- Navicat导出数据库表
- 京东T7团队技术4面:线程池+索引+Spring +分布式锁+Mysql+项目等