es6语法
ES6为字符串扩展了几个新的API:
-
includes()
:返回布尔值,表示是否找到了参数字符串。 -
startsWith()
:返回布尔值,表示参数字符串是否在原字符串的头部。 -
endsWith()
:返回布尔值,表示参数字符串是否在原字符串的尾部。
map()
:接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回。
```js
let arr = ['1','20','-5','3'];
console.log(arr)
arr = arr.map(s => parseInt(s));
console.log(arr)
```
作用累加
reduce()
:接收一个函数(必须)和一个初始值(可选),该函数接收两个参数:
-
第一个参数是上一次reduce处理的结果
-
第二个参数是数组中要处理的下一个元素
reduce()
会从左到右依次把数组中的元素用reduce处理,并把处理的结果作为下次reduce的第一个参数。如果是第一次,会把前两个元素作为计算参数,或者把用户指定的初始值作为起始参数
举例:
const arr = [1,20,-5,3]
----------------------------------------------
对象扩展
-
keys(obj):获取对象的所有key形成的数组
-
values(obj):获取对象的所有value形成的数组
-
entries(obj):获取对象的所有key和value形成的二维数组。格式:
[[k1,v1],[k2,v2],...]
-
assian(dest, ...src) :将多个src对象的值 拷贝到 dest中(浅拷贝)。
操作对象
原对象:per={name:"jsck",age:20,sex:1}
将keys组成一个数组
Object.keys(per);
将value组成一个数组
Object.values(per)
将key和value组成二维数组
Object.entries(per)
[[key,value],[],[]]
assign(dest,...src):将多个src对象的值拷贝到dest中(浅拷贝)
------------------------------------------------------------------
数组扩展
ES6给数组新增了许多方法:
-
find(callback):把数组中的元素逐个传递给函数callback执行,如果返回true,则返回该元素
- person.find(p=>p.age == 21)
-
findIndex(callback):与find类似,不过返回的是品牌到的元素的索引
-
includes(callback):与find类似,如果匹配到元素,则返回true,代表找到了。
相关文章
- 将ES6的语法转为ES5(为了兼容 ES5) (Babel)
- ES6(十六)Generator 函数的语法
- ES6(十二)Proxy
- ES6中的模板字符串和新XSS Payload
- ES6模块化
- ES6 学习1
- ES6+ 展开语法
- ES6+ Math 对象的扩展
- ES6 数组方法 find 和 findIndex 区别
- ES6语法中--let和const 的区别
- webpack4+(ES6语法转化、处理JS语法及校验、全局变量引入)
- 了解ES6解构赋值、模板字符串、展开运算符、类语法
- 【ES6(2015)】Reflect
- 【ES6(2015)】Module模块
- ES6语法异步转同步(小程序中测试)
- ES6 Reflect 与 Proxy
- es6数组去重
- [js高手之路] es6系列教程 - new.target属性与es5改造es6的类语法
- 解决nuxt官方脚手架的一些坑:1、支持es6+语法 2、样式支持sass
- 10个最佳ES6特性
- 深入理解ES6读书笔记10:模块
- ES6中的class类的理解
- VUE 爬坑之旅 -- 用 ES6 语法写一个工具类,并全局引用
- VUE 爬坑之旅 -- 用 ES6 语法写一个工具类,并全局引用