分割字符串并转换为对象数组 javascript

Question

我有一个字符串数据，我需要将其转换为 javascript 中的对象数组

下面尝试了代码

var splitarr = sample.split('|');
var result = splitarr.map(e=>{
  details: e,
  values: splitarr[e]
})

var sample =  "finance=60|IT=88|sales=50"


Expected Output

[
  {"details": "finance","tag":60},
  {"details": "IT","tag":88},
  {"details": "sales","tag":50}
]

Answer 1

您需要使用 = 进行另一次分割，请尝试：

var sample =  "finance=60|IT=88|sales=50";
var splitarr = sample.split('|');

var result = splitarr.map(e=>{
  let keyVal = e.split('=');
  return { details: keyVal[0], tag:keyVal[1] }
})

console.log(result);

另外，当您从箭头函数返回对象时，您需要使用括号 () ，否则它将被视为代码块，请尝试：

var sample =  "finance=60|IT=88|sales=50";
var splitarr = sample.split('|');

var result1 = splitarr.map(e=>{
  details: e
})

console.log(result1);

var result2 = splitarr.map(e=>({
  details: e
}))

console.log(result2);

Answer 2

将字符串转换为对象的另一种方法。

const sample =  "finance=60|IT=88|sales=50";

const result = sample
  .split('|')
  .map((e) => e.split('='))
  .map(([details, tag]) => ({ details, tag }));

console.log(result);

.as-console-wrapper{min-height: 100%!important; top: 0}

Answer 3

使用 regex 提取所有对，例如。 "finance=60" 通过使用 string.match(regex) 它将返回对数组，然后使用 Array.map() 进行映射到对象数组中。

const text =  "finance=60|IT=88|sales=50";
const convertToObject = (str) => {
  const list = str.match(/\w+=\d+/g);
  return list.map(ele => {
    const [details, tag] = ele.split("=");
    return { details, tag };
  });
}
console.log(convertToObject(text));

Answer 4

观察：

• 属性应该是 tag，而不是 values 属性。
• 因为 splitter 将是一个简单的元素数组。此 splitarr[e] 将不起作用或不存在。

您可以使用 String.split() 方法来获取 details 和 tag 值。

工作演示：

const sample =  "finance=60|IT=88|sales=50";

const splitarr = sample.split('|');

const result = splitarr.map((e) => {
    return {
    details: e.split('=')[0],
    tag: e.split('=')[1]
  }
});

console.log(result);