문자열 관련 메서드
길이 확인하기 문자열.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 |