将字符串转换为键值对数组

Question

I am reading checkbox name and value. If there are two checkboxes if part gets executed, if single checkboox then else block will get execute.

if (Array.isArray(b.name)) {
  b.options = b.name.map(function(v, i) {
    return [v, b.value[i]];
  });
} else {
  b.options = b.name.map(function(v, i) {
    return [v, b.value[i]];
  });
}

For example:

In the above code if block will get executed only when there are multiple value and it works fine because we have an Array.

name = Spine and value = Spine Value But in below scenario:

Here else part will get execute from the above snippet. But here it is returning an error saying that b.name.map is not a function .

How do I convert this string into an array similar to if block.

Tried approached so far in else block:

b.options = $.each(function(v, i) {
  return [b.name, b.value];
});

$.each({name: b.name, value: b.value}, function(k, v) {
  b.options = (k + "" + v);
});

Answer 1

if b.name has length attribute,you can use 'call'

if(Array.isArray(b.name)){
   b.options = Array.prototype.map.call(b.name,function(v,i) { 
            return [v, b.value[i]]; 
   })
}else{
   b.options = Array.prototype.map.call(b.name,function(v,i) { 
            return [v, b.value[i]]; 
   })
}

Answer 2

You can combine both cases by concatenating your b.name value with an empty array:

b.options = [].concat(b.name).map(function(v,i) { 
    return [v, b.value[i]]; 
});

in that way, you will get an array from b.name when is a string and also when it is an array already. You may need to handle the case when b or b.name is undefined though. Or you can use more general zip function:

var zip = function(arr1, arr2) {
  var a = [].concat(arr1);
  var b = [].concat(arr2);
  var len = Math.min(a.length, b.length)

  return a.slice(0, len).map(function(item, i){
      return [a[i], b[i]];
  });
}

b.options = zip(b.name, b.value);

Mind in that case that the returned array will have the length of the shortest array.