Q&A
Closed
let obj={a:["a1","a2","a3"],b:["b1","b2","b3"]}
というオブジェクトがあるとして、
各要素の配列を先頭から、２つ抜き出して、
let obj={a:["a1","a2"],b:["b1","b2"]}
というふうに変換したいです。
配列については、
arr=["a1","a2","a3"]
newArr = arr.slice(0,2)
とすれば、["a1,"a2"]になると思うのですが、
上記のようなオブジェクトの中身を修正する方法がわかりません。
現在、上記のような値をReactのstateとして利用しているため、
javaScriptでの記述方法を教えていただければ幸いです。
length を 2 にする手もありますね。
let obj={a:["a1","a2","a3"],b:["b1","b2","b3"]};
for (key in obj) {
obj[key].length = 2
}
console.log(obj); // { a: [ 'a1', 'a2' ], b: [ 'b1', 'b2' ] }
1行で。
let obj={a:["a1","a2","a3"],b:["b1","b2","b3"]};
Object.keys(obj).forEach(key => obj[key].length = 2);
console.log(obj); // { a: [ 'a1', 'a2' ], b: [ 'b1', 'b2' ] }
@ike81818
Questioner
for...inでやってみました。
let obj={a:["a1","a2","a3"],b:["b1","b2","b3"]};
for (property in obj) {
obj[property] = obj[property].slice(0,2);
}
console.log(obj); // { a: [ 'a1', 'a2' ], b: [ 'b1', 'b2' ] }
@ike81818
Questioner
多分やり方はありますが、オブジェクトの中のオブジェクトと言う事も少しは考慮しないとだめかも知れません。
既存の要素を取り除いたり、置き換えたり、新しい要素を追加したりすることで、配列の内容を変更します。
const obj = { a: ["a1", "a2", "a3"], b: ["b1", "b2", "b3"] };
Object.entries(obj).forEach(([key, values]) => {
// 配列オブジェクトの要素を直接削るので、シンプルにこれでいける
values.splice(2, values.length - 2)
})
console.log(obj);
選択された配列の一部の浅いコピーを新しい配列オブジェクトに作成して返します
const obj = { a: ["a1", "a2", "a3"], b: ["b1", "b2", "b3"] };
Object.entries(obj).forEach(([key, values]) => {
// コピーを作るので、新たに同要素の値として設定し直さないといけない
obj[key] = values.slice(0, 2)
})
console.log(obj);
@ike81818
Questioner