解决报错Avoid using non-primitive value as key, use string/number value instead.

**解决报错 Avoid using non-primitive value as key, use string/number value instead**

在 JavaScript 中，当我们使用对象作为键值对时，会遇到一个常见的错误：`Avoid using non-primitive value as key, use string/number value instead`。这个错误提示我们不要使用非原始值（如对象、数组等）作为键，而应该使用原始值（如字符串或数字）。

**什么是原始值和非原始值**

在 JavaScript 中，原始值包括：

* 数字 (`1`, `2`, `3`, 等)
* 字符串 (`"hello"`, `"world"`, 等)
* 布尔值 (`true` 或 `false`)
* null* undefined而非原始值则包括：

* 对象（如 `{a:1, b:2}`）
* 数组（如 `[1,2,3]`）

**为什么不能使用非原始值作为键**

当我们尝试使用非原始值作为键时，JavaScript 会将其转换为原始值。例如，如果我们使用一个对象作为键，如下所示：

javascriptconst obj = { a:1, b:2 };
const map = new Map();
map.set(obj, 'value');

这会导致以下错误：

Avoid using non-primitive value as key, use string/number value instead

这是因为 JavaScript 将对象 `obj` 转换为原始值，例如一个字符串或数字，但这不是我们想要的结果。

**如何解决这个问题**

要解决这个问题，我们需要将键转换为原始值。有几种方法可以实现这一点：

###1. 使用 JSON.stringify()

我们可以使用 `JSON.stringify()` 将对象转换为原始值：

javascriptconst obj = { a:1, b:2 };
const map = new Map();
map.set(JSON.stringify(obj), 'value');

这会将对象 `obj` 转换为一个字符串，如下所示：`"{a:1,b:2}"`

###2. 使用 JSON.parse()

我们可以使用 `JSON.parse()` 将原始值转换回对象：

javascriptconst obj = { a:1, b:2 };
const map = new Map();
map.set(JSON.stringify(obj), 'value');
const value = map.get(JSON.stringify(obj));
console.log(value); // "value"

这会将原始值 `"{"a":1,"b":2}"` 转换回对象 `obj`

###3. 使用 Symbol我们可以使用 `Symbol` 来创建一个唯一的原始值：

javascriptconst obj = { a:1, b:2 };
const map = new Map();
map.set(Symbol(), 'value');

这会将 `Symbol()` 创建的原始值作为键存储在 `map` 中###4. 使用数字我们可以使用数字作为原始值：

javascriptconst obj = { a:1, b:2 };
const map = new Map();
map.set(12345, 'value');

这会将数字 `12345` 作为键存储在 `map` 中**总结**

解决报错 `Avoid using non-primitive value as key, use string/number value instead` 的方法有多种。我们可以使用 `JSON.stringify()` 将对象转换为原始值，或者使用 `JSON.parse()` 将原始值转换回对象。还可以使用 `Symbol` 或数字作为原始值。通过选择合适的方法，我们可以避免这个错误并实现我们的需求。

**示例代码**

javascript// 使用 JSON.stringify()
const obj = { a:1, b:2 };
const map = new Map();
map.set(JSON.stringify(obj), 'value');
console.log(map.get(JSON.stringify(obj))); // "value"

// 使用 JSON.parse()
const value = JSON.parse('{"a":1,"b":2}');
console.log(value); // { a:1, b:2 }

// 使用 Symbolconst map = new Map();
map.set(Symbol(), 'value');
console.log(map.get(Symbol())); // "value"

// 使用数字const map = new Map();
map.set(12345, 'value');
console.log(map.get(12345)); // "value"

**注释**

* `JSON.stringify()` 将对象转换为原始值，如字符串或数字。
* `JSON.parse()` 将原始值转换回对象。
* `Symbol` 创建一个唯一的原始值，可以用于作为键。
* 数字可以作为原始值使用。