サンプル配列があります
const countries = [
{"id": 1, "name": "Afghanistan"},
{"id": 2, "name": "Albania"},
{"id": 3, "name": "Algeria"},
{"id": 4, "name": "American Samoa"}
];
es6でキーをIDと名前からラベルと値に変更するにはどうすればよいですか?
const countries = [
{"label": 1, "value": "Afghanistan"},
{"label": 2, "value": "Albania"},
{"label": 3, "value": "Algeria"},
{"label": 4, "value": "American Samoa"}
];
.map
ある配列を別の配列に変換し、構文ノイズを最小限に抑えるために引数を分解するために使用します。
const countries = [
{"id": 1, "name": "Afghanistan"},
{"id": 2, "name": "Albania"},
{"id": 3, "name": "Algeria"},
{"id": 4, "name": "American Samoa"}
];
const transformed = countries.map(({ id, name }) => ({ label: id, value: name }));
console.log(transformed);
必要に応じて、引数自体で新しいプロパティ名に変換することもできます。
const countries = [
{"id": 1, "name": "Afghanistan"},
{"id": 2, "name": "Albania"},
{"id": 3, "name": "Algeria"},
{"id": 4, "name": "American Samoa"}
];
const transformed = countries.map(({ id: label, name: value }) => ({ label, value }));
console.log(transformed);
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加