[#4] 복습하는 자바스크립트 with <코딩자율학습 제로초의 자바스크립트 입문>

1. 배열 중복 확인하는 방법

a) Set 함수 사용

const numbers = [1, 2, 3, 4, 5, 6]

if (new Set(numbers).size !== 6) {
    return alert('중복된 숫자를 입력했습니다.');
}

b) forEach, inclues 사용 (Set 함수 없이)

const numbers = [1, 2, 3, 4, 5, 6];
const newNumbers = [];
numbers.forEach((v) => { // 각 원소들을 돌면서
    if (!newNumbers.includes(v)) { // 새로운 배열에 없는 값인 경우 집어넣기
            newNumbers.push(v);    // 즉, 이미 있는 값인 경우 안담김
    }
});

if (newNumbers.length !== 6) { // 새 배열에 기존 배열과 같은 6개가 안담겨있으면 중복된 숫자가 존재
    return alert('중복된 숫자를 입력했습니다.');
}

2. slice vs splice

- slice: 배열의 일부분을 추출하여 새로운 배열을 반환한다. 원본 배열은 변경되지 않는다.

array.slice(start, end)

- splice: 배열에서 요소를 추가, 제거 또는 교체하는 작업을 수행한다. 이때 원본 배열이 수정된다.

// removedElements에는 삭제된 원소들의 배열이 담김
const removedElements = array.splice(start, deleteCount, item1, item2, ...) // item들이 삭제된 인덱스에 들어감

3. setInterval -> setTimeout

- setInterval(): 최대한 1초 간격을 보장

const changeFuction = () => {
    console.log('반복 작업 수행');
    };
setInterval(changeFuction, 1000);

- setTimeout(): 1초 이상의 간격을 유지하기는 하지만 앞의 코드가 끝나야 해당 함수가 호출됨

const changeFuction = () => {
    console.log('반복 작업 수행');
    setTimeout(changeFuction, 1000); // 재귀 호출
};
setTimeout(changeFuction, 1000);

4. inclueds로 || 연산자 줄이기

// #1 이전 코드
if(item === 'a' || item === 'b' || items === 'c'){
    console.log("작업수행);
}

//#2 수정 코드
if(['a', 'b', 'c'].includes(item)){
    console.log("작업수행);
}