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 +?

• Sid: Do you want to change the key accoutnBillNumber or its value?
• Andreas: "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.
• reactdto2: @Sid value. I would like change every accountBillNumber (1234567890, 9876543210) to (01 2345 6789, 98 7654 3210) using regex.

Answer 1

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);

• reactdto2: You removed "amountMoney". I would like to save object, but only value in accountBillNumber I want to formatted using regex.
• Ilijanovic: you could also destrucuture the object apiResponse.forEach(({ accountBillNumber: bill }) => bill = bill.replace(/(^\d{2}|\d{4})+?/g, '1ドル '));

Answer 2

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)

• Daan: 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.

Answer 3

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

Try this