Métodos comunes de los objetos integrados de Object de JavaScript

En JavaScript, `Object` es un objeto incorporado que tiene varios métodos que se pueden usar para manipular objetos. Aquí hay algunos métodos comunes de `Objeto`:

1. `Object.keys(obj)`: Devuelve una matriz que contiene los nombres de todas las propiedades enumerables del objeto `obj`.

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
console.log(keys); // ['a', 'b', 'c']

2. `Object.values(obj)`: Devuelve una matriz que contiene todos los valores de propiedad enumerables del objeto `obj`.

const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values); // [1, 2, 3]

3. `Object.entries(obj)`: Devuelve un iterador que contiene una matriz de `[clave, valor]`, donde `clave` es el nombre del atributo del objeto `obj` y `valor` es el valor del atributo correspondiente .

const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
console.log(entries); // [['a', 1], ['b', 2], ['c', 3]]

4. `Object.assign(target, ...sources)`: se utiliza para copiar todas las propiedades enumerables del objeto de origen (`source`) al objeto de destino (`target`) y devolver el objeto de destino.

const target = { a: 1, b: 2 };
const source = { b: 3, c: 4 };
const result = Object.assign(target, source);
console.log(result); // { a: 1, b: 3, c: 4 }

5. `Object.create(proto, [propertiesObject])`: cree un nuevo objeto basado en el objeto prototipo dado y, opcionalmente, agregue nuevas propiedades al objeto.

const person = {
  name: '',
  age: 0,
  greeting() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  },
};

const john = Object.create(person);
john.name = 'John';
john.age = 20;
john.greeting(); // Hello, my name is John and I am 20 years old.

6. `Object.defineProperties(obj, props)`: defina una o más propiedades nuevas, o modifique las propiedades existentes, y luego agréguelas a un objeto a través de `Object.defineProperty()`.

const obj = {};
Object.defineProperty(obj, 'foo', {
  value: 'bar',
  writable: false, // 不可写
  enumerable: true, // 可枚举
  configurable: false, // 不可配置
});
console.log(obj.foo); // 'bar'
obj.foo = 'baz'; // 抛出 TypeError

7. `Object.defineProperty(obj, prop, descriptor)`: define una nueva propiedad para un objeto o modifica el valor de una propiedad existente.

const obj = {};
Object.defineProperties(obj, {
  foo: {
    value: 'bar',
    writable: false,
  },
  baz: {
    value: 42,
    writable: true,
  },
});
console.log(obj.foo); // 'bar'
console.log(obj.baz); // 42

8. `Object.freeze(obj)`: congela un objeto para que no se pueda modificar.

const obj = { a: 1, b: 2 };
Object.freeze(obj);
obj.c = 3; // 抛出 TypeError

9. `Object.is(value1, value2)`: determina si dos valores son iguales.

console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(+0, -0)); // false
console.log(Object.is({}, {})); // false
console.log(Object.is(true, true)); // true

10. `Object.seal(obj)`: Sella un objeto para que no pueda agregar nuevas propiedades y hace que las propiedades existentes no sean configurables.

const obj = { a: 1 };
Object.seal(obj);
obj.b = 2; // 不会添加新属性
delete obj.a; // 不可删除现有属性
obj.a = 3; // 不可配置现有属性

Estos métodos son solo un pequeño subconjunto de los métodos disponibles en `Object`, hay muchos otros que se pueden usar en el desarrollo. Cabe señalar que no todos los métodos de `Objeto` son compatibles con todos los motores de JavaScript, por lo que debe prestar atención a la compatibilidad del navegador al usarlos.

Supongo que te gusta

Origin blog.csdn.net/m0_72446057/article/details/130574294
Recomendado
Clasificación