How do I replace a string with integers in a multi-dimensional array

Question

So I have an array of objects :

var arr = [
    {name: 'John', cars: '2', railcard: 'yes', preferences: ['taxi', 'tram', 'walking']},
    {name: 'Mary', cars: '0', railcard: 'no', preferences: ['cyling', 'walking', 'taxi']},
    {name: 'Elon', cars: '100000', railcard: 'no', preferences: ['Falcon 9', 'self-driving', 'Hyper-loop']}
];

I'm trying to transform the above array using map, filter, an reduce. I'm having trouble altering the original array even though I can easily isolate a specific data set.

For example:

I'm trying to change the amount of cars owned by each person to be a number and not a string so...

var cars = arr.map(function(arr) {return arr.cars});
var carsToNumber = cars.map(function(x) {return parseInt(x)});

How do I now replace the original string values in the array?

Expected result:

var arr = [
    {name: 'John', cars: 2, railcard: 'yes', preferences: ['taxi', 'tram', 'walking']},
    {name: 'Mary', cars: 0, railcard: 'no', preferences: ['cyling', 'walking', 'taxi']},
    {name: 'Elon', cars: 100000, railcard: 'no', preferences: ['Falcon 9', 'self-driving', 'Hyper-loop']}
];

There are many syntax errors in your code. Arrays are not closed and some object keys are invalid... — Badacadabra, Apr 25 '17 at 17:49
@Badacadabra correct, I've just updated the example to fix the syntax errors around the name strings and the railcard id — alanionita, Apr 25 '17 at 17:55

score 2 · Accepted Answer · answered Apr 25 '17 at 17:42

You can just use forEach loop and change string to number. map() method creates a new array.

var arr = [
  {name: 'John', cars: '2', railcard: 'yes', preferences: ['taxi', 'tram', 'walking']},
  {name: 'Mary', cars: '0', railcard: 'no', preferences: ['cyling', 'walking', 'taxi']},
  {name: 'Elon', cars: '100000', railcard: 'no', preferences: ['Falcon 9', 'self-driving', 'Hyper-loop']}
];

arr.forEach(e => e.cars = +e.cars);
console.log(arr)

aw04 · Answer 2 · 2017-04-25T17:57:37.600

0

The way to do this with map would be to return a new copy. If you want to modify the original data, use a simple loop.

map example:

const updatedArr = arr.map(item => Object.assign({}, item, {cars: +item.cars}))

edited Apr 25 '17 at 17:57

answered Apr 25 '17 at 17:46

aw04

10,857
10
56
89

not true... modifying same object reference that exists in original – charlietfl Apr 25 '17 at 17:46

How do I replace a string with integers in a multi-dimensional array

2 Answers2

Linked