모른다고 말할 수 있는 용기

JavaScript forEach 배열 메서드로 요소들을 반복하며 함수 실행 인수로 함수를 넣음 - 매개변수는 element와 index - 반복문보다 성능은 떨어지지만 배열의 다른 메서드와 연속으로 사용할 수 있음 - forEach() const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; array.forEach((element, index) => { console.log(element) // 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 console.log(index) // 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 }) - 2중 반복문 요소 접근 const array = [ [1, 2, 3, 4, 5], [6, 7, 8, 9, 10], [11, 12,..

JavaScript includes 배열에 특정값이 있는지 없는지 검사 BOOLEAN return - includes() const area = ["서울시", "부산시", "성남시", "용인시", "경기도", "전주시"] const res = area.includes("경기도"); if (res) { // true const answer = area.indexOf("경기도"); console.log(`${area[answer]}는 존재합니다.`); }

join 배열의 모든 요소를 하나의 문자열로 합침 매개변수는 구분 문자 default는 쉼표 - join() const array = ["대", "한", "민", "국"]; const res = array.join(""); console.log(res); // 대한민국 split 문자열 분리하여 새로운 배열로 반환 매개변수는 구분해야 할 문자 - split() const seoul = "강북구"; const res = seoul.split(""); console.log(res); // ["강", "북", "구"];

JavaScript indexOf 배열의 요소 중 원하는 값이 있는지 없는지 검사 존재하면 요소의 index return 없으면 -1 - indexOf() const array = ["강남구", "금천구", "강서구", "마포구", "은평구"]; const res = array.indexOf("마포구"); // 3 if (res) { console.log(array[res]); // 마포구 }

A && B A가 true면 B를 실행 - && const condi = true; let i = 0; const res = condi && i++; // i = 1 const condi2 = false; const res2 = condi2 && i++ // i = 1 A || B A가 false면 B를 실행 - || const condi = false; let i = 0; const res = condi || i++; // i = 1 const res2 = true || i++; // i = 1 A ?? B A가 null과 undefined면 B를 실행 - ?? const req = 0; let i = 0; const res = req ?? i++ // i = 0 const res2 = null ?? ..

JavaScript 구조 분해 할당 객체와 배열을 변수로 분해 - 배열 분해 const array = [1, 2, 3, 4, 5]; const [one, two, three, four, five] = array; // 구조 분해 할당 - 원하는 배열만 분해 const area = ["강북구", "강남구", "강서구", "강동구"]; const [area1, , , area2] = area // 강북구 강동구(쉼표로 구분) - 객체 분해 const { body } = document; // document.body const obj = { title: "Nodejs", width: 300, height: 300, } const { title, width, height } = obj

JavaScript filter 인수로 넣은 함수의 반환값이 true인 요소를 새로운 배열로 생성 - filter(): 모두 만족하지 않으면 빈 배열 반환 const array = [null, null, 10, 50, 100]; const res = array.filter((e) => e === null); // [null, null] const array = [15, 19, 20, 27, 31, 40]; const res = age.filter((e) => e > 30); // [31, 40] const age = [15, 19, 20, 27, 31, 40]; const res = age.filter((e) => e > 50); // []

every 배열에서 모든 값이 판별 함수에 만족하는지 판단(boolean return) - every() const seouls = ["강북구", "강남구", "강서구", "강동구"]; const result = seoul.every((e) => e.length === 3) // true const seouls = ["강북구", "강남구", "강서구", "강동구", "잠실"]; const result = seoul.every((e) => e.length === 3) // false some 배열에서 하나라도 판별 함수를 통과하는지 판단(boolean return) - some(): 요소 중 하나라도 판별 함수를 통과하면 true return const presidents = ["이승만", "박정희", "..

flat 배열의 차원을 낮춤(n차원 배열을 n-1차원 배열로) - 2차원 배열 const rows = [ ["강북구", "강남구", "강동구"], ["강서구", "구로구", "금천구"], ["종로구", "성북구", "마포구"], ] - flat(): depth(1 2 infinity)로 합치는 정도 나눌 수 있음 const array = rows.flat(1) flatMap flat과 map을 합침 map대신 flatMap 사용 - flatMap() const rows = [ ["강북구", "강남구", "강동구"], ["강서구", "구로구", "금천구"], ["종로구", "성북구", "마포구"], ] const res = rows.flat(1).flatMap((e, i) => { return `서울시 $..

JavaScript classList - 태그의 클래스 method const $div = document.querySelector("div"); - add: 클래스 추가(중복은 무시) $screen.classList.add("waiting"); - remove: 클래스 제거 $screen.classList.remove("waiting"); - replace: 클래스 수정 $screen.classList.replace("waiting", "ready"); - toggle: 클래스가 존재하면 제거 없으면 추가 $screen.classList.toggle("ready"); - contain: 클래스 존재 유무 확인(boolean return) $screen.contain("ready");