Question

str = "books:book1, books:book2, houses:house1, houses:house2, person:james";

我想将上面的字符串转换为对象中的单独数组或数组，如：

books = ["book1","book2"];
houses = ["house1","house2"];
person = ["james"];

我如何在JavaScript中执行此操作？

Answer 1

var string = "books:book1, books:book2, houses:house1, houses:house2, person:james";
var hash = {};
var splitByComma = string.split(',');

function addKeyByVal( key, val ){
  if(!hash[key]) hash[key] = [];
  hash[key].push(val);
}

for( var s in splitByComma ){
  var splitByColon = splitByComma[s].split(":");
  addKeyByVal(splitByColon[0], splitByColon[1]);
}

console.log(hash);

Answer 2

您可以在', '上拆分并缩小为包含key: []的对象：

const string = "books:book1, books:book2, houses:house1, houses:house2, person:james";
const output = string.split(', ').reduce((obj, cur) => {
   let [category, value] = cur.split(':');
   if (!Array.isArray(obj[category])) {
      obj[category] = [value];
   } else {
      obj[category].push(value);
   }
   return obj;
}, {});
console.log(output);

Answer 3

您可能想要一个对象，其中包含包含数组的键。

var str = "books:book1, books:book2, houses:house1, houses:house2, person:james";

var obj = str.split(',').reduce( (a,b) => {    // split the string on comma
    var parts = b.trim().split(':');           // split the parts on colon
    if (! (parts[0] in a) ) a[parts[0]] = [];  // if no key, create an array
    a[parts[0]].push(parts[1]);                // push the value to the array
    return a;                                  // return the object for next iteration
}, {})

console.log(obj)

Answer 4

RegExp方法。

var string = "books:book1, books:book2, houses:house1, houses:house2, person:james",
    arr = string.split(', '), obj = {}, res = [];
    
    arr.forEach(function(v){
      var array = [],
          elem1 = v.match(/\w+(?=:)/),
          elem2 = v.match(/(?:)\w+/g)[1];
      if (!obj[elem1]){
        obj[elem1] = [];
        obj[elem1].push(elem2);
      } else {
        obj[elem1].push(elem2);
      }
    });
    
    console.log(obj);

Answer 5

这样的事情：

var string = "books:book1, books:book2, houses:house1, houses:house2, person:james";
var books = [];
var houses = [];
var person = [];
string.split(", ").forEach(function(e) {
    switch (e.split(":")[0]) {
        case "books":
            books.push(e.split(":")[1]);
            break;
        case "houses":
            houses.push(e.split(":")[1]);
            break;
        case "person":
            person.push(e.split(":")[1]);
            break;
    }
});

代码如下：

为books，houses和person制作三个新数组。
将字符串拆分为数组，以,分隔。
浏览新数组中的每个元素并将其拆分为另一个数组，并按:
如果左侧上的字符串为books，houses或person，则在右侧上附加字符串分别是books，houses或person数组。

Answer 6

这将为你利用window创建全局变量，但是对于上帝的爱，请不要 - 只使用一个对象。虽然这个答案是你要求的，但其他答案是你真正想要的。

＆＃13;

var str = "books:book1, books:book2, houses:house1, houses:house2, person:james";
var splitStr = str.split(',');
var i;
var key;
var val;
var temp;

for (i=0; i<splitStr.length; i++) {
    temp = splitStr[i].split(':');
    key = temp[0].replace(/ /g,'');
    val = temp[1];
    if (!window[key]) {
        window[key] = [];
    }
    window[key].push(val);
}

console.log(books, houses, person);

＆＃13;

Answer 7

首先，您可以使用split字符串方法两次来分解数据，然后将它们变成（几乎）全局变量，您可以将它们设置为窗口属性，但是如果这些值可能会很危险通过干扰现有的财产。

var pairs = str.split(", ");
for(var i = 0; i < pairs.length; i++) {
  var key = pairs[i].split(":")[0];
  var val = pairs[i].split(":")[1];
  if(window.hasOwnProperty(key)) {
    window[key].push(val);
  }
  else {
    window[key] = [];
    window[key].push(val);
  }
}

建议不要在字符串的来源未知的情况下使用此方法，因为它会直接修改窗口属性，如果被覆盖，其中一些属性可能会导致意外行为。

将字符串转换为单独的数组

7 个答案: