黑马程序员技术交流社区

标题: 【广州前端首发】ES6核心课程笔记之常用API（二） [打印本页]

---

作者: AreYouGlad    时间: 2017-12-26 14:45
标题: 【广州前端首发】ES6核心课程笔记之常用API（二）

查看更多精彩前端资源

---

数组

---

预览

名称		宿主		类型		作用
from		Array		method		类数组转真数组
find		Array.prototype		method		寻找第一个符合条件的值，类似的filter方法找全部
findIndex		Array.prototype		method		寻找第一个符合条件的值的下标
fill		Array.prototype		method		重置数组中的值

演示

• Array.from
  
  

• 类数组
• 与map功能一样的回调
  

[JavaScript] 纯文本查看 复制代码

let likeArray = { 0: 'aa', 1: 'bb', 2: 'cc', length: 3 }

Array.from(likeArray); // [ 'aa', 'bb', 'cc' ]



let lis = document.querySelectorAll('li');

Array.from(lis); // [ li, li, li, ... ]



let str = 'abc';

Array.from(str); // [ 'a', 'b', 'c' ]



let nums = '123';

Array.from(nums, v => v * v); // [ 1, 4, 9 ]

• Array.prototype.find
  

[JavaScript] 纯文本查看 复制代码

[11, 22, 33, 44].find(v => v % 2 === 0); // 22

[11, 22, 33, 44].find(v => v > 50); // undefined

• Array.prototype.findIndex
  

[JavaScript] 纯文本查看 复制代码

[11, 22, 33, 44].find(v => v % 2 === 0); // 22[11, 22, 33, 44].find(v => v > 50); // undefined

• Array.prototype.fill
  

• 重置默认值 { any }
• 起始位置 { number }
• 结束位置,包头不包尾 { number }
  

[JavaScript] 纯文本查看 复制代码

let arr = new Array(5);

arr.fill(1); // [ 1, 1, 1, 1, 1 ]

arr.fill(10, 2, 4); // [ 1, 1, 10, 10, 1 ]

对象

---

预览

名称		宿主		类型		作用
is		Object		method		全等运算符的方法实现，但NaN与NaN相等，-0与+0不等
assign		Object		method		对象浅拷贝
keys		Object		method		获取自身所有可枚举的key
values		Object		method		获取自身所有可枚举的value
entries		Object		method		获取自身所有可枚举的key与value
getPrototypeOf		Object		method		获取对象继承的原型
setPrototypeOf		Object		method		设置对象继承的原型

演示

• Object.is
  
  

[JavaScript] 纯文本查看 复制代码

Object.is(123, "123");  // false

Object.is(-0, 0);  // false

Object.is(NaN, NaN);  // true

• Object.assign
  

• 目标对象
• 被拷贝对象
  

[JavaScript] 纯文本查看 复制代码

let o1 = { a: 1, b: 2 };

let o2 = { c: 3, d: 4 };

Object.assign(o1, o2); // o1 => { a:1, b: 2, c:3, d: 4 }

• Object.keysES5
  

[JavaScript] 纯文本查看 复制代码

let obj = { a: 11, b: 22, c: 33 };

Object.keys(obj); // [ 'a', 'b', 'c' ]

• Object.values
  

[JavaScript] 纯文本查看 复制代码

let obj = { a: 11, b: 22, c: 33 };

Object.values(obj); // [ 11, 22, 33 ]

• Object.entries
  

[JavaScript] 纯文本查看 复制代码

let obj = { a: 11, b: 22, c: 33 };

Object.entries(obj); // [ [ 'a', 11 ], [ 'b', 22 ], ['c', 33] ]

• Object.getPrototypeOf
  

[JavaScript] 纯文本查看 复制代码

let arr = [];

Object.getPrototypeOf(arr);  // Array.prototype

• Object.setPrototypeOf
  

[JavaScript] 纯文本查看 复制代码

let arr = [];

Object.setPrototypeOf(arr, { a: 11, b: 22 });

arr.a        // 11

arr.slice  // undefined

---

作者: AreYouGlad    时间: 2017-12-26 14:45

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2