在JavaScript中以字符串格式映射数组返回键

Question

我有一个从给定数组映射和创建新数组的函数。在我将数组映射到key: "value" 之后，但映射函数返回给我"key": "value"。

如何获取或映射非字符串格式的键？

let categories_name = [{ name: "test", prov_id: "f34f43"}, { name : "test1", prov_id: "233edd3"}]
  .map(v => v.prov_id)
  .filter((item, index, arr) => arr.indexOf(item) === index);

结果是这样的

["f34f43","233edd3"]

现在我想为每个值添加一个键（名称）并转换为一个对象

let newArray = categories_name.map(value => ({name: value}));

这是结果：

[ { "name": "f34f43" }, { "name": "233edd3" }]

但我需要这样，键不像字符串。

[ { name: "f34f43" }, { name: "233edd3" }]

Answer 1

在 JavaScript 对象中，所有键都是字符串。所以以下内容完全相同/相同：

{ "key": "value" }
{ key: "value" }

// Hence your example is identical as well:
{ "name": "f34f43" }
{ name: "f34f43" }

Answer 2

当您运行下面的代码时，您会看到即使是您的原始输入在打印时也具有"key": "value" 形式的对象属性：

let categories_name = [{ name: "test", prov_id: "f34f43"},{ name : "test1", prov_id: "233edd3"}]
console.log('source:', categories_name)


let ids = categories_name.map(v => v.prov_id)
  .filter((item, index, arr) => arr.indexOf(item) === index);
console.log('ids:', ids)


let newArray = categories_name.map(value => ({name: value}));
console.log('newArray:', newArray)

That's just the standard JSON representation，如果你使用JSON.stringify，你会得到什么。

如果你真的需要字符串表示看起来像 ES5 语法，请参阅my answer to the above linked SO question。根据这个答案，下面我使用来自JSON5 库的JSON5.stringify，它具有与内置JSON 对象的兼容接口：

// if node, import 'json5' here, as opposed to 
// the HTML script tag this example relies on

let categories_name = [{ name: "test", prov_id: "f34f43"},{ name : "test1", prov_id: "233edd3"}]
console.log('source:', JSON5.stringify(categories_name))


let ids = categories_name.map(v => v.prov_id)
  .filter((item, index, arr) => arr.indexOf(item) === index);
console.log('ids:', JSON5.stringify(ids))


let newArray = categories_name.map(value => ({name: value}));
console.log('newArray:', JSON5.stringify(newArray))

<script src="https://unpkg.com/json5@^2.0.0/dist/index.min.js"></script>