当前位置: 首页>编程语言>正文

es6 array转为object es6数组转对象

一、 数组扩展

1. Array.from

  • 作用:将类数组对象转换为数组
  • 参数:类数组对象或可遍历对象(iterable)
  • 返回:数组
  • Tips:参数一定要有length参数,否则会得到空数组
let arrayLike = {
  '0': 'a',
  '1': 'b',
  '2': 'c',
  length: 3
};
// ES5转换
let arr1 = [].slice.call(arrayLike); // ["a", "b", "c"]
// ES6转换
let arr2 = Array.from(arrayLike);  // ["a", "b", "c"]

// String转换
let string = "string";
let arr3 = Array.from(string);  // ["s", "t", "r", "i", "n", "g"]

// 一些非正常转换
// 参数为正常数组时,返回一样的数组
let arr4 = Array.from([1, 2, 3]); // [1, 2, 3]
// 参数为只有length的数组
let arr5 = Array.from({ length: 3 }); [undefined, undefined, undefined]
// 参数为Number时,返回空数组
let arr6 = Array.from(123); // []

2. Array.of

  • 作用:将一组值转换为对象
  • 参数:多个值
  • 返回:数组
  • Tips:使用Array.of()代替Array()或 new Array(),它返回值统一
let obj = {
  "a": 1
}
let arr1 = Array.of(1, null, "3", undefined, Symbol(), false, obj);
// [1, null, "3", undefined, Symbol(), false, {"a": 1}]

// Array在只有一个参数且为Number时,会创建相应长度的empty数组
let arr2 = Array(3);  // [empty × 3]
let arr3 = Array.of(3); // [3]

3. copyWithin

  • 作用:将制定位置的值复制到其他位置
  • 参数:(3个参数都应为Number,如果不是则自动转换)
  1. target(必选):从该index开始替换
  2. start(可选):从该index开始读取想要复制的数据,默认为0,负值为则从尾部开始
  3. end(可选):到该index结束读取数据,默认为数组长度,负值为则倒数
  • 返回:数组
let arr1 = [1, 2, 3, 4, 5].copyWithin(1, -2, -1); // [1, 4, 3, 4, 5]

4. find

  • 作用:查找第一个符合条件的数组成员并返回
  • 回调函数的参数:
  1. value:当前值
  2. index:当前索引
  3. arr:原数组
  • 返回:数组成员
let arr1 = Array.of(1, null, "3", undefined, Symbol(), false, NaN);
arr1.find((n) => n == "3");  // "3"
// 可以进行相应判断
arr1.find((n) => typeof(n) == "boolean");  // false
// 配合Object.is可以找到NaN,解决IndexOf方法的不足
arr1.find((n) => Object.is(NaN, n));  // NaN

// 当查找一个不存在的值时,返回underfined
arr1.find((n) => n == "4");  // undefined

5. findIndex

  • 作用:查找第一个符合条件的数组成员并返回索引
  • 回调函数的参数:
  1. value:当前值
  2. index:当前索引
  3. arr:原数组
  • 返回:索引
let arr1 = [1, null, "3", undefined, Symbol(), false, NaN];
arr1.findIndex((n) => n == "3"); // 2
// 可以进行相应判断
arr1.findIndex((n) => typeof(n) == "boolean"); // 5
// 配合Object.is可以找到NaN,解决IndexOf方法的不足
let aaaaa = arr1.findIndex((n) => Object.is(NaN, n));  // 6

// 当查找一个不存在的值时,返回underfined
let aaa = arr1.findIndex((n) => n == "4");  // -1

 6. fill

  • 作用:用定制填充数组,用于空数组初始化等
  • 回调函数的参数:
  1. value:填充的值
  2. start:开始填充的index
  3. end:结束填充的index
  • 返回:数组
["a", "b", "c", "d", "e"].fill(6, 1, -1); // ["a", 6, 6, 6, "e"]

7. entries、keys、values

  • 作用:用于遍历数组
  • entries:对键值对的遍历
  • keys:对键名的遍历
  • values:对键值的遍历
let arr = ["a", "b", "c"];
for (let [index, elem] of arr.entries()){
  console.log(index, elem);
}
// 0 "a"
// 1 "b"
// 2 "c"

for (let index of arr.keys()){
  console.log(index);
}
// 0
// 1
// 2

for (let elem of arr.values()){
  console.log(elem);
}
// a
// b
// c

8. includes

  • 作用:查找某个数组中是否包含该值
  • 回调函数的参数:
  1. value:需要查找的值
  2. index(可选):查找开始的索引位置,默认从0开始
  • 返回:true or false
let arr1 = Array.of(1, null, "3", undefined, Symbol(), false, NaN);
arr1.includes(1) // true
arr1.includes(NaN)  // true
arr1.includes("3", 2) // true
arr1.includes("3", 4) // false

9. 

二、 对象扩展


https://www.xamrdz.com/lan/57u1923053.html

相关文章: