useDestructuring

Ce contenu n’est pas encore disponible dans votre langue.

JavaScript (and super languages)

Summary

Diagnostic Category: lint/nursery/useDestructuring
This rule doesn’t have a fix.
The default severity of this rule is information.
Sources:
- Same as prefer-destructuring

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "useDestructuring": "error"
6
      }
7
    }
8
  }
9
}

Description

Require destructuring from arrays and/or objects

With JavaScript ES6, a new syntax was added for creating variables from an array index or object property, called destructuring. This rule enforces usage of destructuring instead of accessing a property through a member expression.

Examples

Invalid

1
var foo = array[0];

code-block.js:1:5 lint/nursery/useDestructuring ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Use array destructuring instead of accessing array elements by index.
  
  > 1 │ var foo = array[0];
      │     ^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Array destructuring is more readable and expressive than accessing individual elements by index.
  
  ℹ Replace the array index access with array destructuring syntax.

1
var bar = foo.bar;

code-block.js:1:5 lint/nursery/useDestructuring ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Use object destructuring instead of accessing object properties.
  
  > 1 │ var bar = foo.bar;
      │     ^^^^^^^^^^^^^
    2 │ 
  
  ℹ Object destructuring is more readable and expressive than accessing individual properties.
  
  ℹ Replace the property access with object destructuring syntax.

Valid

1
var [foo] = array;

1
var { bar } = foo;