📜  ES6对象(1)

📅  最后修改于: 2023-12-03 15:00:37.439000             🧑  作者: Mango

ES6对象

在JavaScript中,对象是一种基本数据类型,ES6(ECMAScript 6)为对象带来了很多新的特性和增加了很多实用的方法,让我们更加方便和灵活地操作对象。

新特性
属性简写

在ES6中,如果一个对象的属性名和变量名相同,则可以省略属性名,直接使用变量名。

const name = 'Jack';
const age = 20;

const person = {
  name,
  age
};
计算属性

在ES6中,如果对象的属性名是一个变量,可以使用中括号语法来表示。

const obj = {
  ['property' + i]: i
};
对象解构

在ES6中,我们可以使用对象解构来快速获取对象中的属性。

const person = {
  name: 'Jack',
  age: 20
};

const { name, age } = person;
扩展运算符

在ES6中,扩展运算符可以将一个对象的所有属性拷贝到另一个对象。

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };
对象方法的简写

在ES6中,如果对象的方法是一个函数,可以省略function关键字和冒号。

const person = {
  sayHello() {
    console.log('Hello');
  }
};
新方法
Object.assign()

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象中。

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

Object.assign(target, source);
Object.keys()

Object.keys()方法返回一个包含对象所有属性名的数组。

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.keys(obj));
Object.values()

Object.values()方法返回一个包含对象所有属性值的数组。

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.values(obj));
总结

ES6为对象带来了很多新的特性和增加了很多实用的方法,让我们更加方便和灵活地操作对象。掌握这些新特性和新方法,可以让我们更加高效地进行开发。