# no-useless-computed-key

> Disallow brackets around a property key that is a plain string or number

`{ ["name"]: value }` is the same as `{ "name": value }`. The brackets are for keys that are computed when the code runs. Around a string or a number they do nothing.

`--fix` removes the brackets.

{/* Generated by src/codegen/lint-rule-docs.ts. Do not edit this section. */}

## Configure

Off by default. To turn it on:

```toml bunfig.toml
[lint.rules]
"no-useless-computed-key" = "error" # or "warn"
```

Every option, set to its default:

```toml bunfig.toml
[lint.rules]
"no-useless-computed-key" = ["error", {
  enforceForClassMembers = true,
}]
```

{/* End of the generated section. */}

## Examples

Reported:

{/* bad {"count": 4} */}
```js
const headers = { ["content-type"]: "text/plain", [0]: "first" };

const { ["content-type"]: type } = headers;

class Cache {
  ["clear"]() {}
}
```

Not reported:

{/* good */}
```js
const headers = { "content-type": "text/plain", 0: "first", [name]: value };

const { "content-type": type } = headers;

class Cache {
  clear() {}
}
```

The brackets are allowed where they change the meaning. `{ "__proto__": base }` sets the prototype and `{ ["__proto__"]: base }` adds a normal property. In a class, `["constructor"]() {}` is a normal method, and `static prototype() {}` without brackets is a syntax error.

{/* good */}
```js
const settings = { ["__proto__"]: base };

class Cache {
  ["constructor"]() {}
  static ["prototype"]() {}
}
```

## Options

| Option | Default | What it does |
| --- | --- | --- |
| `enforceForClassMembers` | `true` | Also check class methods and fields. |

{/* good {"options": [{"enforceForClassMembers": false}]} */}
```js
class Cache {
  ["clear"]() {}
}
```