Applying a function to each object in a JavaScript array

Question

[ {name:'hi',data:'1,2,3,4,5'} , {name:'hello',data:'5,4,3,2,1'} ]

What I need is to apply a split on data of each object in array so that the result would be:

[ {name:'hi',data:[1,2,3,4,5]} , {name:'hello',data:[5,4,3,2,1]} ]

I know I can loop through the array using for each and produce a new array, but is there a better, faster method?

var arr = [{
    name: 'hi',
    data: '1,2,3,4,5'
}, {
    name: 'hello',
    data: '5,4,3,2,1'
}];

var new_arr = [];
for (i in arr) {
    var temp = {};
    temp.name = arr[i].name;
    temp.data = arr[i].data.split(',');
    new_arr.push(temp);
}

Do you need to make a new array? Can you just adjust the original? — epascarello
– epascarello, Commented Apr 21, 2015 at 15:45
@epascarello no i dont need new array all what i need is to adjust original — Momen Zalabany
– Momen Zalabany, Commented Apr 21, 2015 at 17:57

ashleedawg · Accepted Answer · 2021-09-20 01:42:24Z

93

You could use Array.prototype.map:

var new_array = old_array.map(function(e) { 
  e.data = e.data.split(','); 
  return e;
});

As the comment said, this way changes the old_array. You could also return a new object in the callback function without changing the original array.

edited Sep 20, 2021 at 1:42

ashleedawg

21.9k9 gold badges82 silver badges120 bronze badges

answered Apr 21, 2015 at 15:46

xdazz

161k38 gold badges255 silver badges278 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Oriol Over a year ago

Note this modifies the objects in old_array.

JustGage Over a year ago

@xdazz is right you can see for yourself here

ashleedawg Over a year ago

Apparently excluding the return e; still gives the same result. Also, if you're intentionally changing the old_array, then var new array = is also unneeded. Therefore, a shorter version is: old_array.map(function(e){ e.data = e.data.split(',') });

OXiGEN · Accepted Answer · 2021-03-16 13:13:22Z

var data = [{
    name: 'hi',
    data: '1,2,3,4,5'
}, {
    name: 'hello',
    data: '5,4,3,2,1'
}];

You can use the Array.prototype.map on data to construct a new Array, like this

var result = data.map(function (currentObject) {
    return {
        name: currentObject.name,
        data: currentObject.data.split(",").map(Number)
    };
});

Here, we split the currentObject.data based on , and then we call Number function on all the split strings, so that you will get the result object's data as numbers, as you wanted in the question.

Output

[{
    name: 'hi',
    data: [1, 2, 3, 4, 5]
}, {
    name: 'hello',
    data: [5, 4, 3, 2, 1]
}]

let data = [{
    name: 'hi',
    data: '1,2,3,4,5'
  }, {
    name: 'hello',
    data: '5,4,3,2,1'
  }],
  result = data.map(function(currentObject) {
    return {
      name: currentObject.name,
      data: currentObject.data.split(",").map(Number)
    };
  });
console.log(result);

Collectives™ on Stack Overflow

Applying a function to each object in a JavaScript array

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related