---
url: /docs/guide/usage/linter/rules/eslint/prefer-destructuring.md
---

### 它的作用

要求对数组和/或对象进行解构。

### 为什么这不好？

在 JavaScript ES2015 中，新增了一种从数组索引或对象属性创建变量的语法，称为解构。此规则强制使用解构，
而不是通过成员表达式访问属性。

### 示例

以下是此规则的**错误**代码示例：

```js
// 启用 `array` 时
const foo = array[0];
bar.baz = array[0];
// 启用 `object` 时
const qux = object.qux;
const quux = object["quux"];
```

以下是此规则的**正确**代码示例：

```js
// 启用 `array` 时
const [foo] = array;
const arr = array[someIndex];
[bar.baz] = array;

// 启用 `object` 时
const { baz } = object;
const obj = object.bar;
```

## 配置

### 第 1 个选项

此选项是一个包含以下属性的对象：

#### array

类型：`boolean`

#### object

类型：`boolean`

### 第 2 个选项

此选项是一个包含以下属性的对象：

#### enforceForDeclarationWithTypeAnnotation

类型：`boolean`

默认值：`false`

#### enforceForRenamedProperties

类型：`boolean`

默认值：`false`

## 如何使用

## 版本

此规则于 v1.10.0 中新增。

## 参考资料