for文で配列にキーと値を追加

Question

var DATA = [
 {code: "00S", e: "85", id: "7", date: "2018-04-18 14:20:35"}
 {code: "00Q", e: "85", id: "1", date: "2018-04-18 14:20:35"}
]

上記のjson形式にした配列にあらにキーと値を追加したい
下記の　配列全てにtest: 1を追加　同じ値です

var DATA = [
 {code: "00S", e: "85", id: "7", date: "2018-04-18 14:20:35", test: 1}
 {code: "00Q", e: "85", id: "1", date: "2018-04-18 14:20:35", test: 1}
]

IE考慮のため、forEach（）やmap()は使わず、for文で完結させたいです
誰かご教授お願い致します。

Comments

[mather]

自分でトライしてみた内容を記載してください。なお、DATA配列のカンマが抜けているのでこのままではシンタックスエラーになります。

[m.ts10806]

一部日本語がおかしい（誤字と思われる）部分があります。要件が正しく伝わらず、的確な回答が得られない原因となりますので、調整してください。 >配列にあらにキーと値を追加したい

[m.ts10806]

自身が対象としている・想定している環境（ブラウザのバージョンなど）も追記してください。

Answer 1

forでやるならむしろ簡単では?

var DATA = [
 {code: "00S", e: "85", id: "7", date: "2018-04-18 14:20:35"},
 {code: "00Q", e: "85", id: "1", date: "2018-04-18 14:20:35"}
];
for(var i=0;i<DATA.length;i++){
  DATA[i].test=1;
}
console.log(DATA);

Answer 2

IE考慮のため、forEach（）やmap()は使わず、for文で完結させたいです

IE って Array.prototype.map() 実装されてるっぽくないですか

Array.prototype.map() - JavaScript | MDN

---

var DATA = [
 {code: "00S", e: "85", id: "7", date: "2018-04-18 14:20:35"},
 {code: "00Q", e: "85", id: "1", date: "2018-04-18 14:20:35"}
];

const newData = DATA.map(v => ({ ...v, test: 1 }));
console.log(newData); // -> [{"code":"00S","e":"85","id":"7","date":"2018-04-18 14:20:35","test":1},{"code":"00Q","e":"85","id":"1","date":"2018-04-18 14:20:35","test":1}]

ES2016縛り

var DATA = [
 {code: "00S", e: "85", id: "7", date: "2018-04-18 14:20:35"},
 {code: "00Q", e: "85", id: "1", date: "2018-04-18 14:20:35"}
];

const newData = DATA.map(function(v){
  return Object.assign({}, v, { test: 1 })
});
console.log(newData); // -> [{"code":"00S","e":"85","id":"7","date":"2018-04-18 14:20:35","test":1},{"code":"00Q","e":"85","id":"1","date":"2018-04-18 14:20:35","test":1}]

Comments

[think49]

> IE って Array.prototype.map() 実装されてるっぽくないですか
IE8以下なら未対応ですが、IEのバージョン番号も書いてほしいですね。
IE8はJSON.parseも未対応、Polyfill禁止なのか等、他にも気になる部分はあります。

[og24715]

IE8 がまだ生きてるとしたらそれは悲劇ですね。

[x_x]

mapがあってもアロー関数やスプレッド演算子はないのでまるで動きませんが

[og24715]

そうなんですねーたいへんですねー。

[yambejp]

まぁquerySelectorはともかく、Object.defineProperty()など
なければおおよそモダンな処理はできませんので
より原始的なforで処理するしかないでしょう。
とはいえ、あまり古いブラウザを動作条件にすると
できないことだらけになりますけどね

[og24715]

ドキッとして mdn 眺めたんですが Object.assign も IE未実装なんですね…。 IE 対応の心中お察しします。