使用字符串中的键/值对创建对象？

Question

我有以下字符串：

person:juan&age:24&knowledge:html

问题是有时字符串是：

knowledge:html&person:juan&age:24

它可以改变键和值的位置。

在这种情况下，我会这样写：

const keys = ["person", "age", "knowledge"];
const keyAndValues = "person:juan&age:24&knowledge:html";

const result = [];

keys.forEach(key => {
  const indexKeyValues = keyAndValues.indexOf(key);
  if (indexKeyValues !== -1) {
    const lastCharIndex = keyAndValues.substring(indexKeyValues).indexOf("&");
    return keyAndValues.substring(indexKeyValues + key.length, lastCharIndex === -1 ? keyAndValues.substring(indexKeyValues).length - 1 || lastCharIndex);
  }
});

但我不喜欢它，如果我能做这样的事情会很棒：

const resultsExpected = /regexGroupedRegardlessOfPosition/g.match("person:juan&age:24&knowledge:html");

console.log(resultsExpected); // { person: "juan", age: 24, knowledge: "html" }

Answer 1

作为Phiter said，我认为正则表达式在这里对你没有帮助。您可能知道这个老笑话：“我有一个问题。我知道！我将使用正则表达式！哦，现在我有两个问题。”

我会在& 上拆分字符串，然后在: 上拆分每个子字符串，然后填写其中的值：

function strToObject(str) {
  var rv = {};
  str.split("&").forEach(function(substr) {
    var index = substr.indexOf(":");
    if (index === -1) {
      rv[substr] = undefined;
    } else {
      rv[substr.substring(0, index)] = substr.substring(index+1);
    }
  });
  return rv;
}

现场示例：

function strToObject(str) {
  var rv = {};
  str.split("&").forEach(function(substr) {
    var index = substr.indexOf(":");
    if (index === -1) {
      rv[substr] = undefined;
    } else {
      rv[substr.substring(0, index)] = substr.substring(index+1);
    }
  });
  return rv;
}

console.log(strToObject("person:juan&age:24&knowledge:html"));
console.log(strToObject("knowledge:html&person:juan&age:24"));

.as-console-wrapper {
  max-height: 100% !important;
}

这可以通过以下方式变得更简洁：

• 使用 ES2015+ 语法。
• 通过创建不必要的临时对象（不过，JavaScript 引擎可以快速创建和销毁对象，因此为简洁性付出代价是值得的）。
• 假设值从不包含: 字符。我使用indexOf 而不是更简单的split 来分隔名称和值，以允许值包含: 的可能性（例如，foo:blah:blah&bar:blah 其中foo 是"blah:blah"） - 许多如果不是大多数其他解决方案在这种情况下会丢弃部分价值

Answer 2

(knowledge|person|age):([^&]+)

您可能不想，但接受任何密钥：

(\w+):([^&]+)

https://regex101.com/r/HwW5I1/1/

Answer 3

我认为将这种类型的字符串转换为对象的简单函数可能是更好的解决方案。看看这个：

var keyAndValues = "person:juan&age:24&knowledge:html";

function weirdStringToObject(str){
    var obj = {};
    str.split('&').forEach(function(substr){
        var kv = substr.split(':');
        var key = kv[0];
        var value = kv[1] || null;
        obj[key] = value;
    });
    return obj;
}

console.log(weirdStringToObject(keyAndValues));

这需要一些额外的验证，但从这里很容易理解。

Answer 4

您可以使用：

• Array.prototype.reduce()
• String.prototype.split()
• String.prototype.slice()
• String.prototype.indexOf()

工作示例：

const str = "person:juan&age:24&knowledge:html";

let result = str.split("&").reduce((r, s) => {
  let i = s.indexOf(':');
  r[s.slice(0, i)] = s.slice(i + 1);
  return r;
}, {});

console.log(result);

Answer 5

您可以拆分字符串，然后拆分部分并获取对象的键/值。

function getValues(string) {
    var object = {};
    
    string && string.split('&').forEach(p => {
        var [key, ...value] = p.split(':');
        object[key] = value.join(':');
    });
    return object;
}

console.log(getValues("knowledge:html&person:juan&age:24"));
console.log(getValues("foo:bar:baz&cool:space:aliens:survive"));
console.log(getValues(""));

Answer 6

这是获取对象的单个表达式：

const keyAndValues = "person:juan&age:24&knowledge:html";

const obj = Object.assign(...keyAndValues.split('&').map(s => s.split(':'))
                                         .map(([k, v]) => ({ [k]: v }))
);

console.log(obj);

这使用 ES6 destructuring assignment、spread syntax 和 computed property names。