Javascript数组到字符串的转换

Question

我有这样的javascript数组

let attributeSet = [ 
    {
        "name" : "Capacity",
        "value" : "1 TB",
        "id" : 3
    }, 
    {
        "name" : "Form Factor",
        "value" : "5 inch",
        "id" : 4
    },
    {
        "id" : 5,
        "name" : "Memory Components",
        "value" : "3D NAND",
    }
]

格式应为 id-value 对。 id的顺序也应该是递增的。像这样

output = 3-1 TB | 4-5 inch | 5-3D Nand

谁能帮忙？

Answer 1

在 ES6 中你可以试试这个：

let output = attributeSet.sort((a, b) => a.id - b.id).map(i => `${i.id}-${i.value}`).join(' | ');

Answer 2

使用Array.sort()根据id对数组进行排序并使用Array.join()加入它们

const attributeSet = [ 
    {
        "name" : "Capacity",
        "value" : "1 TB",
        "id" : 3
    }, 
    {
        "name" : "Form Factor",
        "value" : "5 inch",
        "id" : 4
    },
    {
        "id" : 5,
        "name" : "Memory Components",
        "value" : "3D NAND",
    }
]

attributeSet.sort((a, b) => a.id - b.id);
const output = attributeSet.map(item => item.id + '-' + item.value).join(" | ")
console.log(output);

Answer 3

您可以先按 id 对数组进行排序，然后从该排序后的数组迭代并创建新数组，

attributeSet = [ 
    {
        "name" : "Capacity",
        "value" : "1 TB",
        "id" : 3
    }, 
    {
        "name" : "Form Factor",
        "value" : "5 inch",
        "id" : 4
    },
    {
        "id" : 5,
        "name" : "Memory Components",
        "value" : "3D NAND",
    }
]

attributeSet.sort((a,b) => parseInt(a.id) - parseInt(b.id));
let res = attributeSet.map(item => {
  return item.id+'-'+item.value;
})
console.log(res.join(' | '));

Answer 4

使用 reduce 和 template string 构建所需的 id-value 对字符串

const getString = (arr) =>
  arr
    .sort((a, b) => a.id - b.id)
    .reduce((acc, { id, value }, i) => `${acc}${i ? " | " : ""}${id}-${value}`, '');

let attributeSet = [
  {
    name: "Capacity",
    value: "1 TB",
    id: 3,
  },
  {
    name: "Form Factor",
    value: "5 inch",
    id: 4,
  },
  {
    id: 5,
    name: "Memory Components",
    value: "3D NAND",
  },
];

console.log(getString(attributeSet));