[TIL] 2024.09.02.

오늘도 새로 학습한 내용을 적어보자.

습득한 지식 및 내용

• [JavaScript] 배열 중복 제거하는 법 3가지

1. Set

   : Set 객체를 이용하면 중복없는 데이터를 표현할 수 있음

   
   const arr = [1, 2, 3, 1, 2];
   
   const set = new Set(arr);
   
   const newArr = [...set];
   
   console.log(newArr);  // [1, 2, 3]
   

2. indexOf(), filter()

   : indexOf() -> 배열에서 특정값이 처음으로 나타나는 index 리턴함

   : filter() -> 특정 조건에 부합하는 배열의 모든 값을 배열 형태로 리턴함

   
   const arr = [1, 2, 3, 1, 2];
   
   const newArr = arr.filter((e, i) => {
   	return arr.indexOf(e) === i;
   });
   
   console.log(newArr);  // [1, 2, 3]
   

3. forEach(), includes()

   : forEach() -> 주어진 배열을 순회하면서 배열의 원소들로 주어진 콜백함수를 실행함

   : includes() -> 주어진 배열에 특정 값이 포함되는지 여부 검사함

   
   const arr = [1, 2, 3, 1, 2];
   
   let = newArr = [];
   
   arr.forEach((e) => {
   	if (!newArr.includes(e)) {
       	newArr.push(e);
       }
   });
   
   console.log(newArr);  // [1, 2, 3]
   

• [javaScript] 템플릿 리터럴(`) & JSP

  : jsp를 사용할 경우, jsp의 EL 표현식과 javaScript의 템플릿 문자열이 겹치게 되면 javaScript 백틱이 안먹힘

  : 해결 방법

  // ${} 앞에 백슬래시 붙여줌
  var today = '2024-09-02';
  var msg = `오늘은 \${today} 입니다.`;