8.ES6 数组

Posted sunny666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了8.ES6 数组相关的知识,希望对你有一定的参考价值。

数组创建

Array.of()
将参数中所有值作为元素形成数组。

console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4]
 
// 参数值可为不同类型
console.log(Array.of(1, 2, true)); // [1, ‘2‘, true]
 
// 参数为空时返回空数组
console.log(Array.of()); // []
Array.from()
将类数组对象或可迭代对象转化为数组。

// 参数为数组,返回与原数组一样的数组
console.log(Array.from([1, 2])); // [1, 2]
 
// 参数含空位
console.log(Array.from([1, , 3])); // [1, undefined, 3]

方法  find() findIndex()

 // find()找出第一个符合条件的数组成员 
let num = [1, 2, -10, -20, 9, 2].find(n => n < 0)
console.log(num); //-10

// findIndex()找出第一个符合条件的数组成员的索引
let numIndex = [1, 2, -10, -20, 9, 2].findIndex(n => n < 0)
console.log(numIndex); //2

  

entries() keys() values() 返回一个遍历器 可以使用for...of循环进行遍历
entries() 对键值对遍历

for(let [key, value] of [a, b].entries()){
    console.log(key, value);
}
// 0 "a"
// 1 "b"
 
// 不使用 for... of 循环
let entries = [a, b].entries();
console.log(entries.next().value); // [0, "a"]
console.log(entries.next().value); // [1, "b"]
 
// 数组含空位
console.log([...[,a].entries()]); // [[0, undefined], [1, "a"]]

 keys() 对键名遍历
 values() 对值遍历

遍历键名。

for(let key of [a, b].keys()){
    console.log(key);
}
// 0
// 1
 
// 数组含空位
console.log([...[,a].keys()]); // [0, 1]
遍历键值。

for(let value of [a, b].values()){
    console.log(value);
}
// "a"
// "b"
 
// 数组含空位
console.log([...[,a].values()]); // [undefined, "a"]

 

以上是关于8.ES6 数组的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段—— 数组的响应式方法

VSCode自定义代码片段10—— 数组的响应式方法

ES6 前端必学ES6,看完掌握新特性

ES6新的特性有哪些?

web代码片段

错误代码:错误域 = NSCocoaErrorDomain 代码 = 3840“JSON 文本没有以数组或对象和允许未设置片段的选项开头。”