如何将数组转换为对象？

Question

： 的最佳方式是什么？

['a','b','c']

将： 转换为

{
  0: 'a',
  1: 'b',
  2: 'c'
}

Answer 1

ECMAScript 6 引入了易于填充的对象。分配：

Object.assign()方法用于复制所有的值
从一个或多个源对象到目标的可枚举自身属性
目的。它将返回目标对象。

Object.assign({}, ['a','b','c']); // {0:"a", 1:"b", 2:"c"}

不会复制数组自身的 length 属性，因为它不可枚举。

此外，您还可以使用 ES8 扩展语法对象来实现相同的结果：

{ ...['a', 'b', 'c'] }

对于自定义键，您可以使用

['a', 'b', 'c'].reduce((a, v) => ({ ...a, [v]: v}), {}) 
// { a: "a", b: "b", c: "c" }

Answer 2

使用这样的函数：

function toObject(arr) {
  var rv = {};
  for (var i = 0; i < arr.length; ++i)
    rv[i] = arr[i];
  return rv;
}

您的数组或多或少已经是一个对象，但数组确实有一些关于整数命名属性的“有趣”和特殊行为。上面会给你一个普通的对象。

编辑哦，您可能还想考虑数组中的“漏洞”：

function toObject(arr) {
  var rv = {};
  for (var i = 0; i < arr.length; ++i)
    if (arr[i] !== undefined) rv[i] = arr[i];
  return rv;
}

在现代 JavaScript 运行时中，您可以使用 .reduce() 方法：

var obj = arr.reduce(function(acc, cur, i) {
  acc[i] = cur;
  return acc;
}, {});

该方法还可以避免“数组中的“洞”，因为这就是 .reduce() 的工作原理。

Answer 3

您可以使用累加器，又名 reduce< /代码>。

['a','b','c'].reduce(function(result, item, index, array) {
  result[index] = item; //a, b, c
  return result;
}, {}) //watch out the empty {}, which is passed as "result"

传递一个空对象 {} 作为起点；然后逐步“增强”该对象。
迭代结束时，结果将为{"0": "a", "1": "b", "2": "c"}

如果你的数组是一组键值对对象：

[{ a: 1},{ b: 2},{ c: 3}].reduce(function(result, item) {
  var key = Object.keys(item)[0]; //first property: a, b, c
  result[key] = item[key];
  return result;
}, {});

将产生： {a: 1, b: 2, c: 3}

为了完整起见，reduceRight 允许您以相反的顺序迭代数组：

[{ a: 1},{ b: 2},{ c: 3}].reduceRight(/* same implementation as above */)

将产生： {c:3, b:2, a:1}

您的累加器可以是适合您特定目的的任何类型。例如，为了交换数组中对象的键和值，请传递 []：

[{ a: 1},{ b: 2},{ c: 3}].reduce(function(result, item, index) {
  var key = Object.keys(item)[0]; //first property: a, b, c
  var value = item[key];
  var obj = {};
  obj[value] = key;
  result.push(obj);
  return result;
}, []); //an empty array

将生成：[{1: "a"}, {2: "b"} , {3: "c"}]

与 map 不同，reduce 不能用作 1-1 映射。您可以完全控制要包含或排除的项目。因此，reduce 允许您实现 filter 的功能，这使得 reduce 非常通用：

[{ a: 1},{ b: 2},{ c: 3}].reduce(function(result, item, index) {
  if(index !== 0) { //skip the first item
    result.push(item);
  }
  return result;
}, []); //an empty array

将生成：[{2: "b" }, {3: "c"}]

注意：reduce 和 Object.key 是 ECMA 5th 的一部分版本；你应该为不支持它们的浏览器（特别是 IE8）提供一个polyfill。

请参阅 Mozilla 的默认实现。

Answer 4

如果您使用 jquery：

$.extend({}, ['a', 'b', 'c']);

Answer 5

为了完整起见，ECMAScript 2015(ES6) 传播。需要一个转译器（Babel）或至少运行 ES6 的环境。

console.log(
   { ...['a', 'b', 'c'] }
)

Answer 6

这里没有多少人评论 Object.fromEntries，我真的很喜欢它，因为它更干净并且可以轻松地与 TypeScript 一起使用，而无需过多担心泛型类型和内容。它还允许使用 map 自定义键，如果需要的话。缺点：如果您想要自定义密钥，则需要额外的地图。例如：

const tags = [
  { name: 'AgeGroup', value: ageGroup },
  { name: 'ApparelTypes', value: apparelTypes },
  { name: 'Brand', value: brand },
  // ...
]

const objectTags = Object.fromEntries(tags.map((t) => [t.name, t.value]))

/*
{
  AgeGroup: 'Adult',
  Apparel: 'Creeper, Jacket'
  Brand: '',
  // ...
}
*/

Answer 7

如果您想使用迭代对象的属性之一作为键，例如：

// from:
const arr = [
    {
        sid: 123,
        name: 'aaa'
    },
    {
        sid: 456,
        name: 'bbb'
    },
    {
        sid: 789,
        name: 'ccc'
    }
];
// to:
{
  '123': { sid: 123, name: 'aaa' },
  '456': { sid: 456, name: 'bbb' },
  '789': { sid: 789, name: 'ccc' }
}

使用：

const result = arr.reduce((obj, cur) => ({...obj, [cur.sid]: cur}), {})

Answer 8

我可能会这样写（因为我很少手头没有 underscorejs 库）：

var _ = require('underscore');

var a = [ 'a', 'b', 'c' ];
var obj = _.extend({}, a);
console.log(obj);
// prints { '0': 'a', '1': 'b', '2': 'c' }

Answer 9

我们可以使用Object.assign和array.reduce函数将数组转换为对象。

var arr = [{a:{b:1}},{c:{d:2}}] 
var newObj = arr.reduce((a, b) => Object.assign(a, b), {})

console.log(newObj)

Answer 10

这是一个 O(1) ES2015 方法，只是为了完整性。

var arr = [1, 2, 3, 4, 5]; // array, already an object
Object.setPrototypeOf(arr, Object.prototype); // now no longer an array, still an object

Answer 11

FWIW，最近的另一种方法是使用新的 Object.fromEntries 和 Object.entries ，如下所示：

const arr = ['a','b','c'];
arr[-2] = 'd';
arr.hello = 'e';
arr.length = 17;
const obj = Object.fromEntries(Object.entries(arr));

...这允许避免将稀疏数组项存储为 undefined 或 null 并保留非索引（例如，非正整数/非数字）键。

{ 0: "a", 1: "b", 2: "c", "-2": "d", 你好: "e" }

（这里的结果与 @Paul Draper 的 Object.assign< /code> 答案。）

但是，人们可能希望添加 arr.length，因为它不包括在内：

obj.length = arr.length;

Answer 12

如果您的数组包含双元素数组，其中第一个元素是键，第二个元素是值，您可以使用reduce轻松转换为对象。

[
  ["key1","value1"], 
  ["key2", "value2"], 
  ["key3", "value3"]
]
.reduce((acc, [key, value])=>({...acc, [key]: value}), {});

结果：

{  
  key1: 'value1',   
  key2: 'value2', 
  key3: 'value3'  
}  

Answer 13

使用 javascript#forEach 使用 ECMA6 可以做到这一点

var result = {},
    attributes = ['a', 'b','c'];

attributes.forEach(function(prop,index) {
  result[index] = prop;
});

：

attributes.forEach((prop,index)=>result[index] = prop);

Answer 14

如果您使用 ES6，则可以使用 Object.assign 和展开运算符

{ ...['a', 'b', 'c'] }

如果您有嵌套数组，例如

var arr=[[1,2,3,4]]
Object.assign(...arr.map(d => ({[d[0]]: d[1]})))

Answer 15

最短的答案：（使用解构）

const obj = { ...input }

示例：

const inputArray = ["a", "b", "c"]
const outputObj = { ...inputArray }

Answer 16

一个快速而肮脏的：

var obj = {},
  arr = ['a','b','c'],
  l = arr.length; 

while( l && (obj[--l] = arr.pop() ) ){};

Answer 17

支持更多浏览器和更灵活的方式是使用正常的循环，例如：

const arr = ['a', 'b', 'c'],
obj = {};

for (let i=0; i<arr.length; i++) {
   obj[i] = arr[i];
}

但现代的方式也可以使用< strong>扩展运算符，例如：

{...arr}

或对象分配：

Object.assign({}, ['a', 'b', 'c']);

两者都会返回：

{0: "a", 1: "b", 2: "c"}

Answer 18

又快又脏#2：

var i = 0
  , s = {}
  , a = ['A', 'B', 'C'];

while( i < a.length ) { s[i] = a[i++] };

Answer 19

为什么没有人尝试这个？在 ES6 中

let arr = ['a','b','c']
let {...obj} = arr
console.log(obj) //  {0: 'a', 1: 'b', 2: 'c'}

let {...obj2} = ['a','b','c']
console.log(obj2) //  {0: 'a', 1: 'b', 2: 'c'}

是非常简单的方法吗？

Answer 20

一种简单而厚颜无耻的方法，可以快速将项目数组转换为对象

function arrayToObject( srcArray ){
    return  JSON.parse( JSON.stringify( srcArray ) );
}

然后像这样使用它...

var p = [0,2,3,'pork','pie',6];
obj = new arrayToObject( p );
console.log( obj[3], obj[4] )
// expecting `pork pie`

输出：

pork pie

检查类型：

typeof obj
"object"

如果没有原型方法，事情就不会完整

Array.prototype.toObject =function(){
    return  JSON.parse( JSON.stringify( this ) );
}

使用类似：

var q = [0,2,3,'cheese','whizz',6];
obj = q.toObject();
console.log( obj[3], obj[4] )
// expecting `cheese whizz`

输出：

cheese whizz

*注意，没有命名例程，因此如果您想要特定名称，则需要继续使用下面的现有方法。

---

较旧的方法

这允许您从数组生成一个对象，其中的键按照您想要的顺序定义。

Array.prototype.toObject = function(keys){
    var obj = {};
    var tmp = this; // we want the original array intact.
    if(keys.length == this.length){
        var c = this.length-1;
        while( c>=0 ){
            obj[ keys[ c ] ] = tmp[c];
            c--;
        }
    }
    return obj;
};

result = ["cheese","paint",14,8].toObject([0,"onion",4,99]);

console.log(">>> :" + result.onion); 将输出“paint”，该函数必须具有相等长度的数组，否则您将得到一个空对象。

这是一个更新的方法

Array.prototype.toObject = function(keys){
    var obj = {};
    if( keys.length == this.length)
        while( keys.length )
            obj[ keys.pop() ] = this[ keys.length ];
    return obj;
};

Answer 21

这是我刚刚写的一个递归函数。它很简单并且效果很好。

// Convert array to object
var convArrToObj = function(array){
    var thisEleObj = new Object();
    if(typeof array == "object"){
        for(var i in array){
            var thisEle = convArrToObj(array[i]);
            thisEleObj[i] = thisEle;
        }
    }else {
        thisEleObj = array;
    }
    return thisEleObj;
}

这是一个示例（jsFiddle）：

var array = new Array();
array.a = 123;
array.b = 234;
array.c = 345;
var array2 = new Array();
array2.a = 321;
array2.b = 432;
array2.c = 543;
var array3 = new Array();
array3.a = 132;
array3.b = 243;
array3.c = 354;
var array4 = new Array();
array4.a = 312;
array4.b = 423;
array4.c = 534;
var array5 = new Array();
array5.a = 112;
array5.b = 223;
array5.c = 334;

array.d = array2;
array4.d = array5;
array3.d = array4;
array.e = array3;


console.log(array);

// Convert array to object
var convArrToObj = function(array){
    var thisEleObj = new Object();
    if(typeof array == "object"){
        for(var i in array){
            var thisEle = convArrToObj(array[i]);
            thisEleObj[i] = thisEle;
        }
    }else {
        thisEleObj = array;
    }
    return thisEleObj;
}
console.log(convArrToObj(array));

结果：

Answer 22

.reduce((o,v,i)=>(o[i]=v,o), {})

[文档]

或更详细

var trAr2Obj = function (arr) {return arr.reduce((o,v,i)=>(o[i]=v,o), {});}

或更短

var transposeAr2Obj = arr=>arr.reduce((o,v,i)=>(o[i]=v,o), {})

的普通 JS

JSON.stringify([["a", "X"], ["b", "Y"]].reduce((o,v,i)=>{return o[i]=v,o}, {}))
=> "{"0":["a","X"],"1":["b","Y"]}"

一些更复杂的示例

[["a", "X"], ["b", "Y"]].reduce((o,v,i)=>{return o[v[0]]=v.slice(1)[0],o}, {})
=> Object {a: "X", b: "Y"}

甚至更短（通过使用 function(e) {console.log(e); return e;} === (e)=>(console.log(e),e))

 nodejs
> [[1, 2, 3], [3,4,5]].reduce((o,v,i)=>(o[v[0]]=v.slice(1),o), {})
{ '1': [ 2, 3 ], '3': [ 4, 5 ] }

[/docs]

Answer 23

从 Lodash 3.0.0 开始，您可以使用 _.toPlainObject

var obj = _.toPlainObject(['a', 'b', 'c']);
console.log(obj);

<script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>

Answer 24

如果您可以使用Map或Object.assign，那就非常简单了。

创建一个数组：

const languages = ['css', 'javascript', 'php', 'html'];

下面创建一个以索引为键的对象：

Object.assign({}, languages)

使用 Maps 复制与上面相同的内容

转换为基于索引的对象 {0 : 'css'} 等...

const indexMap = new Map(languages.map((name, i) => [i, name] ));
indexMap.get(1) // javascript

转换为基于值对象 {css : 'css 很棒'} 等等...

const valueMap = new Map(languages.map(name => [name, `${name} is great!`] ));
valueMap.get('css') // css is great

Answer 25

我会简单地使用 Array.of() 来完成此操作。 Array of 能够将其上下文用作构造函数。

注 2 of 函数是特意设计的通用工厂方法；它
不要求其 this 值是数组构造函数。
因此它可以被其他构造函数传递或继承
可以使用单个数字参数来调用。

因此我们可以将 Array.of() 绑定到一个函数并生成一个类似数组的对象。

function dummy(){};
var thingy = Array.of.apply(dummy,[1,2,3,4]);
console.log(thingy);

通过利用 Array.of() 人们甚至可以进行数组子类化。

Answer 26

let i = 0;
let myArray = ["first", "second", "third", "fourth"];

const arrayToObject = (arr) =>
    Object.assign({}, ...arr.map(item => ({[i++]: item})));

console.log(arrayToObject(myArray));

或者使用

myArray = ["first", "second", "third", "fourth"]
console.log({...myArray})

Answer 27

ES5 - 解决方案：

使用Array原型函数'push'和'apply'你可以用以下内容填充对象数组元素。

var arr = ['a','b','c'];
var obj = new Object();
Array.prototype.push.apply(obj, arr);
console.log(obj);    // { '0': 'a', '1': 'b', '2': 'c', length: 3 }
console.log(obj[2]); // c

Answer 28

尝试使用 Reflect 从数组项复制到对象。

var arr =['aa:23','bb:44','cc:55']
    var obj ={}
    arr.forEach(e => {
        var ee = e.split(':')
        Reflect.set(obj,ee[0],ee[1])
    });
    console.log(obj) // { aa: '23', bb: '44', cc: '55' }

Answer 29

如果有人正在寻找 Typescript 方法，我会这样写：

const arrayToObject = <T extends Record<K, any>, K extends keyof any>(
  array: T[] = [],
  getKey: (item: T) => K,
) =>
  array.reduce((obj, cur) => {
    const key = getKey(cur)
    return ({...obj, [key]: cur})
  }, {} as Record<K, T>)

它将：

1. 强制第一个参数为对象数组，
2. 帮助选择键
3. 强制键成为所有数组项的键

示例：

// from:
const array = [
    { sid: 123, name: 'aaa', extra: 1 },
    { sid: 456, name: 'bbb' },
    { sid: 789, name: 'ccc' }
];
// to:
{
  '123': { sid: 123, name: 'aaa' },
  '456': { sid: 456, name: 'bbb' },
  '789': { sid: 789, name: 'ccc' }
}

用法：

const obj = arrayToObject(array, item => item.sid) // ok
const obj = arrayToObject(array, item => item.extra) // error

这是一个演示。

Answer 30

您可以使用这样的函数：

var toObject = function(array) {
    var o = {};
    for (var property in array) {
        if (String(property >>> 0) == property && property >>> 0 != 0xffffffff) {
            o[i] = array[i];
        }
    }
    return o;
};

这​​个函数应该更有效地处理稀疏数组。