Bae

ㅁ Map - 객체와의 차이점 1) 맵은 순서를 보장한다. 2) 맵은 반복이 가능한 객체이다. 3) 맵은 모든 데이터 타입의 키를 허용한다. 4) 맵은 키를 문자열로 취급하지 않는다. * 맵은 키의 순서가 보장되어야 하거나 객체의 키가 객체에 허용되지 않는 데이터 타입인 경우에 사용됨 이외에는 객체가 사용됨 - new Map() new Map()은 새로운 맵을 생성 키로 지정된 1과 2가 문자열로 변환된 것이 아니라, 숫자 그대로 키가 됨(객체는 문자열로 변환) const arr = [[1, 'a'], [2, 'b']]; const aMap = new Map(arr); console.log(aMap); - set() set()은 주어진 키와 값을 맵에 추가 const aMap = new Map(); aM..

ㅁ Set - 배열과의 차이점 1) 셋은 중복을 허용하지 않는다 2) 셋은 인덱스의 개념이 없다 3) 셋은 키와 값이 같다 * 따라서 셋은 중복을 제거하거나 값의 유무만 판단해야하는 경우 사용 배열은 특정 요소에 접근해야 하거나, 기타 인덱스가 필요한 경우 사용 - new Set() new Set()은 새로운 셋을 생성 괄호 안에 초기값으로 배열과 같은 (반복 가능한) 객체를 전달 받으면, 값을 복사하여 (중복 제거된 채로) 셋을 생성 const arr = [1, 2, 1]; const aSet = new Set(arr); console.log(aSet);//Set {1, 2} - add() add()는 셋 요소의 끝에 주어진 값을 추가 셋은 기본적으로 중복을 허용하지 않기 때문에 추가하려는 값이 이미 ..

ㅁ 프로퍼티 열거 - Object.keys() keys()는 주어진 객체의 키값들을 배열로 반환 const obj = { x: 10, y: 20, z: 30 }; console.log(Object.keys(obj));// ['x', 'y', 'z'] 출력 - Object.values() values()는 주어진 객체의 (프로퍼티) 값드릉ㄹ 배열로 반환 const obj = { x: 10, y: 20, z: 30 }; console.log(Object.values(obj));// [10, 20, 30] 출력 - Object.entries() entries()는 프로퍼티(키와 값의 쌍)를 각각의 배열로 반환 전체 객체는 프로퍼티 배열들의 배열로 표현 const obj = { x: 10, y: 20, z: 3..

ㅁ 객체의 축약 표현 - 프로퍼티 축약 표현 프로퍼티 값으로 변수를 사용하는 (키값과 변수의 값이 동일한) 경우, 키값(프로퍼티 이름)을 생략 가능 const name = "Jane"; const age = 30; const obj = { name: name, age: age, }; console.log(obj); // 실행결과 // { // age: 30, // name: "Jane" // } const name = "Jane"; const age = 30; const obj = { name, age, }; console.log(obj); // 실행결과 // { // age: 30, // name: "Jane" // } - 메소드 축약 표현 객체는 변수나 값 외에도 함수를 프로퍼티로 가질 수 있는데 이..

ㅁ 기타 배열 메소드 join(): 배열의 모든 요소를 이어붙여 하나의 문자열로 반환, 선택적으로 각각의 요소를 구분할 문자를 인자로 가질 수 있음 * 생략할 경우 기본 구분자는 , 쉼표 const arr = ['hi', 'my', 'name', 'is', 'bae']; console.log(arr.join());// hi,my,name,is,bae 출력 console.log(arr.join(" / "));// hi / my / name / is / bae 출력 concat(): 인자로 주어진 배열을 기존 배열에 합쳐 새로운 배열로 반환 const arr = ['hi', 'my', 'name', 'is', 'bae']; const add = ['1', '2']; console.log(arr.concat(..

ㅁ 배열 요소 수정 fill(): 배열을 지정한 값으로 채우며, 원본 배열을 수정 fill(배열을 채울 값, 시작 인덱스, 끝 인덱스) const arr = [1, 2, 3]; arr.fill(10);//필수인자인 배열을 채울 값만 지정 console.log(arr);//[10, 10, 10] 출력 const arr = [1, 2, 3]; arr.fill(10, 2);// (채울 값, 시작 인덱스) console.log(arr);// [1, 2, 10] 출력 const arr = [1, 2, 3]; arr.fill(10, 1, 3);// (채울 값, 시작 인덱스, 끝 인덱스) console.log(arr);// [1, 10, 10] 출력, 끝 인덱스의 이전 위치까지 값으로 채움 slice(): 배열의 복..

ㅁ 배열과 반복 forEach(): 주어진 함수를 배열 요소 각각에 대해 실행하는 메소드, 필요 인자로 실행할 함수 필요 * forEach는 원본 배열의 값을 변경하거나 값을 리턴하지 않음, 따로 저장 필요 const arr = [1, 2, 3]; arr.forEach((num, index) => { console.log(`${index+1}번째 요소: ${num}`); }); //'1번째 요소: 1' 출력 //'2번째 요소: 2' 출력 //'3번째 요소: 3' 출력 const arr = [1, 2, 3]; arr.forEach((num) => num *3); console.log(arr);// [1, 2, 3] 출력 ㅁ 배열 요소 검색과 정렬 includes(): 배열이 주어진 요소를 포함하는지 확인,..

ㅁ 배열 판별 Array.isArray(): 주어진 인자가 배열인지 판별, 배열이면 true, 배열이 아니라면 false 반환 *객체를 생성하지 않고도 사용할 수 있는 메소드(정적 메소드)의 한 종류 const arr = ['hi', 'bae']; const str = 'hi bae'; const num = 3; console.log(Array.isArray(arr));//true console.log(Array.isArray(str));//false console.log(Array.isArray(num));//false ㅁ 배열 생성 Array.from(): 반복 가능한 객체 또는 유사 배열 객체를 복사해 새로운 배열 객체를 반환 * 두번째 인자에 선택적으로 매핑할 함수를 지정할 수 있음 const a..

ㅁ 문자열 수정 replace(): 주어진 패턴과 일치하는 첫 번째 부분을, 주어진 문자열로 교체한 새로운 문자열을 반환 const str ='What are you doing?'; console.log(str.replace('you', 'we'));//'What are we doing' 출력 replaceAll(): 주어진 패턴과 일치하는 모든 부분을 주어진 문자열로 교체한 새로운 문자열을 반환 const str = 'hello hi hi hello'; console.log(str.replace('hi', '??'));//'hello ?? hi hello' 반환 console.log(str.replaceAll('hi', '??'));//'hello ?? ?? hello' 반환 subString(): 문..

ㅁ 대소문자 변환 toUpperCase(): 모두 대문자로 변환 const str = 'my name is bae'; console.log(str.toUpperCase());//'MY NAME IS BAE' 출력 toLowerCase(): 모두 소문자로 변환 const str = 'MY NAME IS BAE'; console.log(str.toLowerCase()); //'my name is bae' 출력 ㅁ 공백 제거 trim(): 문자열의 앞쪽과 뒤쪽의 공백을 제거 const str = ' hello '; console.log(str.trim());//'hello' 출력 trimStart(): 문자열의 앞쪽 공백만 제거 = trimLeft(), trimEnd(): 문자열의 뒤쪽 공백만 제거 = tri..