Change value in array in JavaScript

Question

from my api I get the following array:

const apiResponse = [
        {
          "accountBillNumber": "123456789",
          "amountMoney": "0.00"
        },
        {
          "accountBillNumber": "987654321",
          "amountMoney": "0.01"
        },
    ];

I would like to write a very short code that will always change the value from accountBillNumber to value.replace(/(^\d{2}|\d{4})+?/g, '$1 '). Can it be done in a modern way with one line using es6 +?

Do you want to change the key accoutnBillNumber or its value? — Sid
– Sid, Commented May 26, 2020 at 8:46
"with one line using es6 +?" - Why always those "one line" requirements? Write maintainable code that you understand by just looking at it. If you need it to be as small as possible then use a minifier. — Andreas
– Andreas, Commented May 26, 2020 at 8:46
@Sid value. I would like change every accountBillNumber (1234567890, 9876543210) to (01 2345 6789, 98 7654 3210) using regex. — reactdto2
– reactdto2, Commented May 26, 2020 at 8:48

Daan · Accepted Answer · 2020-05-26 09:13:48Z

2

Use the .forEach() method.

const apiResponse = [
  {
    "accountBillNumber": "123456789",
    "amountMoney": "0.00"
  },
  {
    "accountBillNumber": "987654321",
    "amountMoney": "0.01"
  },
];

apiResponse.forEach(x => x.accountBillNumber = x.accountBillNumber.replace(/(^\d{2}|\d{4})+?/g, '$1 '));

console.log(apiResponse);

Or the .map() method to create a new array, as @Mamun's answer suggests.

const apiResponse = [
    {
      "accountBillNumber": "123456789",
      "amountMoney": "0.00"
    },
    {
      "accountBillNumber": "987654321",
      "amountMoney": "0.01"
    },
];

const result = apiResponse.map(x => {
  const { accountBillNumber, ...rest } = x;

  return {
    accountBillNumber: accountBillNumber.replace(/(^\d{2}|\d{4})+?/g, '$1 '),
    ...rest
  };
});

console.log(result);

edited May 26, 2020 at 9:13

answered May 26, 2020 at 8:47

Daan

2,8101 gold badge22 silver badges41 bronze badges

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

2 Comments

reactdto2 Over a year ago

You removed "amountMoney". I would like to save object, but only value in accountBillNumber I want to formatted using regex.

Ilijanovic Over a year ago

you could also destrucuture the object apiResponse.forEach(({ accountBillNumber: bill }) => bill = bill.replace(/(^\d{2}|\d{4})+?/g, '$1 '));

Mamun · Accepted Answer · 2020-05-26 08:54:57Z

1

You can try the following way using Array.prototype.map():

const apiResponse = [
    {
      "accountBillNumber": "123456789",
      "amountMoney": "0.00"
    },
    {
      "accountBillNumber": "987654321",
      "amountMoney": "0.01"
    },
];
var res = apiResponse.map(v => { 
  return {
    amountMoney: v.amountMoney, 
    accountBillNumber: v.accountBillNumber.replace(/(^\d{2}|\d{4})+?/g, '$1 ')
  };
});
console.log(res)

answered May 26, 2020 at 8:54

Mamun

69k9 gold badges51 silver badges62 bronze badges

1 Comment

Daan Over a year ago

I think it would be helpful to use rest parameters here. I included it in my answer. Because the APIs response could always change. And you wouldn't want to hard code all the objects properties.

Aditya V · Accepted Answer · 2020-05-26 09:10:27Z

0

apiResponse.map(x=>({...x,accountBillNumber:x.accountBillNumber.replace(/(^\d{2}|\d{4})+?/g, '$1')}))

Try this

answered May 26, 2020 at 9:10

Aditya V

5782 gold badges8 silver badges18 bronze badges

Collectives™ on Stack Overflow

Change value in array in JavaScript

3 Answers 3

2 Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Related