본문 바로가기
JS 문법 공부

TIP

by GREEN나무 2024. 11. 13.
728x90

 

 

 

문자열 관련 메서드

길이 확인하기 문자열.length : 숫자형 반환, 특수문자나 공백도 셈

문자열들 합치기 문자열1.concat(문자열2, 문자열3, ~) : 합쳐진 문자열 반환

+ 연산자를 활용해 합치는 게 더 편하고 좋다는 소문이 있음

문자열에서 일부만 추출하기

문자열.substr(시작인덱스, 추출할길이) : 추출한 문자열 반환

문자열.slice(시작인덱스, 끝인덱스) : 추출한 문자열 반환

문자열에서 원하는 글자의 시작 위치 찾기 문자열.search("찾을글자") : 찾는 문자의 시작 지점 인덱스 값 반환

문자열에서 특정 글자를 원하는 글자로 바꾸기 문자열.replace(”기존글자”, ”바꿀글자”) : 바뀐 상태의 문자열 반환

문자열을 특정 글자 기준으로 나눠서 배열에 담기 문자열.split(”구분자”,배열길이) : 분할된 문자열 담긴 배열 반환

구분자를 입력하지 않으면 요소가 1개인 배열로 반환

구분자로 빈 문자열 “” 입력하면 글자 하나하나 나눠서 담음

객체 관련 메서드

객체의 key 값들을 배열에 담기 Object.keys(객체이름) : key값들을 요소로 갖는 배열 반환

객체의 value 값들을 배열에 담기 Object.values(객체이름) : value값들을 요소로 갖는 배열 반환

객체를 배열로 만드는 데, 그 요소들도 각각의 key와 value 짝으로 이루어진 배열들 Object.entries(객체이름) : 2차원 배열 반환 이런 느낌 : [[key1 : value1], [key2 : value2], [key3 : value3], ~]

기존 객체를 복사해 새 객체를 만들면서 값도 약간 수정하기 Object.assign({},복사할객체이름,수정할프로퍼티)

assign은 활용도가 높아보인다! 객체a에 객체b를 덮어씌우는 느낌으로 알아두는 게 좋겠다. 위 예시는 빈 객체에 복사할 객체를 덮어씌우는 경우임

배열 관련 메서드

배열에 요소 추가하기

배열 맨 끝에 추가 배열.push(추가할요소) : 마지막 인덱스 요소 다음에 추가됨

배열 맨 앞에 추가 배열.unshift(추가할요소) : 첫 인덱스 요소 앞에 추가됨

원하는 위치에 추가 배열.splice(추가될인덱스, 0, 추가할요소) : 지정한 인덱스에 추가됨

배열의 요소 제거하기

배열 맨 끝의 요소를 제거 배열.pop() : 마지막 인덱스 요소 사라짐

배열 맨 앞의 요소를 제거 배열.unshift() : 첫 인덱스 요소 사라짐

원하는 위치의 요소를 제거 배열.splice(제거할인덱스,제거할길이) : 지정한 인덱스 요소부터 지정한 길이만큼의 요소가 사라짐

배열의 일부를 배열로 추출하기
배열.slice(시작인덱스, 끝인덱스) : 추출한 배열 반환

배열의 각 요소에 콜백함수 적용하기

기존 배열이 변화 : 배열.foreach(콜백함수)

변화가 적용된 새 배열 반환 : 배열.map(콜백함수)

배열에서 원하는 요소를 찾기

원하는 요소들만 담긴 새 배열 반환 : 배열.filter(콜백함수)

원하는 조건에 맞는 첫 번째 요소를 반환 : 배열.find(콜백함수)

배열의 요소들이 특정 조건에 부합하는지 확인하기

적어도 하나라도 부합하면 true : 배열.some(콜백함수)

모든 요소가 부합해야 true : 배열.every(콜백함수)

배열의 요소들을 재정렬하기

기존 순서의 역순으로 정렬 : 배열.reverse()

내림차순 또는 오름차순으로 정렬 : 배열.sort(콜백함수) sort는 연결된 두 요소를 비교하는 콜백함수의 return값이 음수인지, 양수인지, 0인지에 따라 정렬 방식이 달라짐!

'JS 문법 공부' 카테고리의 다른 글

배열  (0) 2024.12.03
Math메서드(method)  (1) 2024.12.03
연산 기호 - 같다, 같지 않다 (==, ===, !=, !==  (0) 2024.12.03
input 받기  (0) 2024.12.03
4주 코드숙제  (0) 2024.11.08