Array.prototype.indicesOf = function (el) {
let indices = [];
for (var i = this.length - 1; i >= 0; i--) {
if (this[i] === el)
indices.unshift(i);
}
return indices;
}
class CommentNester {
constructor(comments) {
this.comments = comments;
this.nestedComments = this.nest();
}
getComments() {
return this.comments;
}
getNestedComments() {
return this.nestedComments;
}
nest() {
const comments = this.comments.slice();
(function appendChildren(parent_id = null) {
const childIndices = comments.map(comment => comment.parent_id).indicesOf(parent_id);
childIndices.forEach(index => {
const child = comments[index];
if (parent_id) {
const parentIndex = comments.findIndex(comment => comment.id === parent_id);
if (!comments[parentIndex].children) {
comments[parentIndex].children = [];
}
comments[parentIndex].children.push(child);
}
appendChildren(child.id);
});
})();
return comments.filter(comment => comment.parent_id === null);
}
}
const comments = [{
id: 1,
text: "Top level",
parent_id: null
}, {
id: 2,
text: "Top level",
parent_id: null
}, {
id: 3,
text: "Reply level 1",
parent_id: 1
}, {
id: 4,
text: "Reply level 1",
parent_id: 2
}, {
id: 5,
text: "Reply level 2",
parent_id: 3
}];
getComments()
は、(それがchildren
を持っている)、元comments
配列が変異して示しているが、私はそれを元に滞在したいです。私は.slice()
を使ってコピーを作成していますが、なんらかの理由でそれでもまだ突然変異が起こります。なぜどんなアイデア?ここ配列が変異されている()
Codepen:http://codepen.io/anon/pen/QpMWNJ?editors=1010
'.slice()'配列のみの簡易コピーを作成しますを使用してクリーンなアプローチのために行くのjQueryを使用することができます。それは、オブジェクトのコピーを内部に作成しません。 – 4castle
@ 4castle - 代わりに何を使用しますか? – frosty
その他:重複したリンクから: 'const comments = this.comments.map(a => Object.assign({}、a))' – frosty