본문 바로가기
JavaScript

배열 중복제거

by sj0020 2021. 8. 13.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>


<script>


Arr1 = ["15", "14"]
Arr1_1 = ["1", "2"]

Arr2 =  ["15", "14", "26", "42", "36"]
Arr2_1 = ["3", "4", "3", "2", "1"]

// Arr3 = ["15", "14", "26", "42", "36"]
// Arr3_1 = ["4", "6", "3", "2", "1"]




const acc = {};

const keys = Arr1.concat(Arr2);
console.log(keys);

let values = Arr1_1.concat(Arr2_1);

console.log(values);

let values_int = values.map( item => parseInt(item))

// values= Number(values);
console.log(values_int);


for (const index in keys) {
    const key = keys[index];

    acc[key] = (acc[key] ?? 0) + values_int[index];
    console.log(acc);
}

// const Arr3 = Object.keys(keys);
const Arr3 = Object.keys(acc);

const Arr3_1 = Arr3.map(key => acc[key]);

console.log(Arr3);
console.log(Arr3_1);


// console.log('values는 뒤에 까먹고 .concat만 적었는데 알아서 이해하셨길');


</script>
</html>

 

?? 물음표 두개

https://seo-tory.tistory.com/38

 

[JS] 자바스크립트에서 '??' 란?! (Nullish Coalescing Operator)

논리 연산자 의미 || OR && AND ! NOT 자바스크립트에선 3가지 논리 연산자를 사용하는데, 여기에 추가로 ES2020에서 새롭게 추가된 연산자가 바로 ?? 이다. ??는 Nullish Coalescing Operator라고 불린다. null-..

seo-tory.tistory.com