如何将具有相同属性名称的对象数组转换为从给定数组中的值连接值的对象？ JS

Question

I have an array of objects which looks like this:

const arr = [
  {integer: "3"},
  {integer: "500"}
]

As a result i want to get the object that looks like this: mergedObj = {digits: "3500"}

I tried to use reduce, but it seems that i'm doing something wrong. Here is my code:

var mergedObj = arr.reduce((acc, obj) => {

   acc["digits"] = [acc[obj.integer]].concat(obj.integer).join("");

    return acc;
}, {});

Here is the result of what i'm getting:

"Object is", [object Object] {
  digits: "500"
}

The problem is that i'm missing the first part of my digit. Please help me! Thank you in advance!

Answer 1

Use Array.map() to create an array of integer , and then join. Assign to digits property of a new object:

 const arr = [ {integer: "3"}, {integer: "500"} ] const result = { digits: arr.map(o => o.integer).join('') }; console.log(result);

Answer 2

You almost got this. The [acc[obj.integer]] part should be [acc.digits] . Anyway, you can do it much simpler:

 const arr = [ {integer: "3"}, {integer: "500"} ] var mergedObj = arr.reduce((acc, obj) => { acc.digits += obj.integer; return acc; }, { digits: '' }); console.log(mergedObj);

Answer 3

Try this below :

const arr = [
   {integer: "3"},
   {integer: "500"}
]

let output = {'digits':''};
arr.map(function (item) {
    output['digits'] += item['integer']
});
console.log(output);