JavaScript之ES6快速入门

name

“jack”

age

21

（6）解析对象：并更改其变量名称

let p = {name:“jack”,age:21}

undefined

let {name:n} = p;

undefined

n

“jack”

（7）解析复杂对象：

p = {name:“jack”,age:21,girl:{name:“rose”,age:“18”}}

{name: “jack”, age: 21, girl: {…}}

let{girl:{name}} = p;

undefined

name

“rose”

（8）对象的拷贝

let {…obj} = p;

undefined

obj

{name: “jack”, age: 21, girl: {…}}

查看obj是否等同于p

obj == p

false

（9）ES6的函数

定义函数

浏览器控制台调用函数

（10）js创建对象，定义属性和方法

（11）ES6创建对象，定义属性和方法

运行结果

定义有参函数

运行结果

继续优化上述方法

运行结果

继续优化

运行结果

5、map和reduce

数组中新增了map和reduce方法。

map

map()∶接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。

举例:有一个字符串数组，我们希望转为int数组

（1）map将集合当中的元素逐个处理，处理完成得到新的元素

将字符数组变量int类型的数组

let arr = [‘2’,‘5’,‘-10’,‘15’,‘-20’];

undefined

let arr2 = arr.map(s => parseInt(s));

undefined

arr2

(5) [2, 5, -10, 15, -20]

（2）reduce

let arr = [‘2’,‘5’,‘-10’,‘15’,‘-20’];

undefined

let arr2 = arr.map(s => parseInt(s));

undefined

arr2

(5) [2, 5, -10, 15, -20]
arr2.reduce((a,b) => a+b )
-8

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

ext_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzU3MDM0,size_16,color_FFFFFF,t_70)

let arr = [‘2’,‘5’,‘-10’,‘15’,‘-20’];

undefined

let arr2 = arr.map(s => parseInt(s));

undefined

arr2

(5) [2, 5, -10, 15, -20]
arr2.reduce((a,b) => a+b )
-8

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

[外链图片转存中…(img-yNzOst6q-1714145036842)]

[外链图片转存中…(img-Gp369qNo-1714145036843)]

[外链图片转存中…(img-6b4IQVhJ-1714145036843)]