可以通过 Javascript 中的特殊数组字符串创建对象吗？

Question

我有一个字符串数组：

["action=order_changed", "orderId=10002701", "brandId=5983e481fab80f4198691bbc", "unitId=5e801b6ddd43bb20cc2e5469", "isRepeat=false", "isDisplay=true"]

我想通过从数组中拆分= foreach 项来从中创建一个对象。

我预期的对象是：

{
    action: "order_changed",
    orderId: 10002701,
    brandId: "5983e481fab80f4198691bbc",
    unitId: "5e801b6ddd43bb20cc2e5469",
    isRepeat: false,
    isDisplay: true
}

我使用过 foreach，没有练习过 reduce，所以我的代码很糟糕。

splitStringParameter(str: string) {
  let stringQuery = str.split('?').pop(); 
  let arrayQuery = stringQuery.split('&'); 
  let object = {}; 
  arrayQuery.forEach(item => {
    item.split("="); 
    object[item[0]] = item[1]
  })
}

非常感谢

Answer 1

您可以使用String.split 拆分键和值，并使用Array.prototype.reduce 将它们连接到一个新对象中。

const input = ["action=order_changed", "orderId=10002701", "brandId=5983e481fab80f4198691bbc", "unitId=5e801b6ddd43bb20cc2e5469", "isRepeat=false", "isDisplay=true"];

const output = input.reduce((acc, cur) => {
  const curArr = cur.split("=");
  const key = curArr[0];
  const value = curArr.splice(1).join("=");
  acc[key] = value;
  return acc;
}, {});
console.log(output);

Answer 2

更新（现在您提供了代码）：

看起来您的初始输入是一个查询字符串 - 查看URLSearchParams (MDN)：

var paramsString = "q=URLUtils.searchParams&topic=api";
var searchParams = new URLSearchParams(paramsString);

//Iterate the search parameters.
for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic", "webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic", "More webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); // "q=URLUtils.searchParams"

---

const a = ["action=order_changed", "orderId=10002701", "brandId=5983e481fab80f4198691bbc", "unitId=5e801b6ddd43bb20cc2e5469", "isRepeat=false", "isDisplay=true"];

const transform = v => {
  if (v === 'false') {
    return false;
  }
  if (v === 'true') {
    return true;
  }
  
  return v;
}

const o = a.reduce((res, e) => {
  const [key, val] = e.split('=');
  res[key] = transform(val);

  return res;
}, {});

console.log(o);