let fruits1 = ['사과', '딸기', '파인애플', '수박', '참외', '오렌지', '자두', '망고'];
let fruits2 = ['수박', '사과', '참외', '오렌지', '파인애플', '망고'];

//sol1
const same = [];
const diff = [];
for (let fruit of fruits1) {
    if (fruits2.includes(fruit)) {
        same.push(fruit);
    } else {
        diff.push(fruit);
    }
}
console.log('same', same);
console.log('diff', diff);

//sol2
const same1 = [];
const diff2 = [];

fruits1.forEach((fruit) => {
    if (fruits2.includes(fruit)) {
        same1.push(fruit);
    } else {
        diff2.push(fruit);
    }
});
console.log('same', same1);
console.log('diff', diff2);

//sol3

let same3 = fruits1.filter((fruit) => fruits2.includes(fruit));
console.log('same', same3);
let diff3 = fruits1.filter((fruit) => !fruits2.includes(fruit));
console.log('diff', diff3);

//sol4

const same4 = [];
const diff4 = [];
for (let fruit of fruits1) {
    if (fruits2.includes(fruit) ? same4.push(fruit) : diff4.push(fruit));
}
console.log('same', same4);
console.log('diff', diff4);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.