Análisis de caso de objeto a matriz en JS

以一次实际开发中的实例,将几种对象转数组的方法都试了一遍:
      // const errorList = Object.keys(error)
      // console.log('error', error)
      // console.log('Array.from', Array.from(error))
      // console.log('keys',Object.keys(error))
      // console.log('values',Object.values(error))
      // console.log('entries',Object.entries(error))

Inserte la descripción de la imagen aquí

Esta es la estructura de tipo de objeto original:

Inserte la descripción de la imagen aquí

Método 1.Array.from ()

用于数组的浅拷贝。就是将一个类数组对象或者可遍历对象转换成一个真正的数组。
所满足的数组限制是: 
  1. Debe haber un atributo de longitud en el objeto, y la longitud de la matriz devuelta depende de la longitud de la longitud
  2. El valor .key debe ser un valor numérico,
    por lo que la salida aquí es una matriz vacía
    Inserte la descripción de la imagen aquí

2.Object.values ​​(object) (ES8): un iterador que devuelve valores clave

tips:与第一种不同的是不需要length属性,返回一个对象所有可枚举属性值

Inserte la descripción de la imagen aquí

3.Object.keys (objeto): Iterador que devuelve el nombre de la clave

tips:返回一个对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致

Inserte la descripción de la imagen aquí

4.Object.entries (object) (ES8): Iterador que devuelve pares clave-valor

tips:返回一个给定对象自身可枚举属性的键值对数组

Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_45416217/article/details/109250834
Recomendado
Clasificación