[JS] 문자열 및 배열의 메소드 요약

김태희·2023년 6월 29일
0

[HTML+CSS+JS] 시리즈

목록 보기
12/17
post-thumbnail
post-custom-banner

코드를 작성하다 보니, 메소드들이 쉽게 떠오르지 않아 복잡한 코드들을 직접 작성하거나 항상 구글링을 하곤 했는데 한번 정리하는 시간을 가지면 더욱 실력 향상에 도움이 될것 같아 정리해본다 !

다른 사람들의 풀이를 보니 map과 reduce가 되게 많이 사용되던데, 다음 글에서 다뤄보려고 한다 !

문자열(String) 메소드

length : 문자열의 길이를 반환합니다. 예를 들어, "Hello".length는 5를 반환합니다.

charAt(index) : 주어진 인덱스에 해당하는 문자를 반환합니다. 예를 들어, "Hello".charAt(1)은 "e"를 반환합니다.

concat(str1, str2, ...) : 문자열들을 연결하여 새로운 문자열을 반환합니다. 예를 들어, "Hello".concat(" ", "world")은 "Hello world"를 반환합니다.

indexOf(substring) : 지정된 부분 문자열의 첫 번째 인덱스를 반환하고, 해당 부분 문자열이 없으면 -1을 반환합니다. 예를 들어, "Hello world".indexOf("o")는 4를 반환합니다.

substring(start, end) : 지정된 시작과 끝 인덱스 사이의 부분 문자열을 반환합니다. 예를 들어, "Hello world".substring(1, 4)은 "ell"를 반환합니다.

split(separator) : 문자열을 주어진 구분자를 기준으로 분할하여 배열로 반환합니다. 예를 들어, "Hello,world".split(",")는 ["Hello", "world"]를 반환합니다.

toLowerCase() : 문자열을 소문자로 변환합니다. 예를 들어, "Hello".toLowerCase()은 "hello"를 반환합니다.

toUpperCase() : 문자열을 대문자로 변환합니다. 예를 들어, "Hello".toUpperCase()은 "HELLO"를 반환합니다.

replace(oldValue, newValue) : 문자열에서 특정 값(oldValue)을 새로운 값(newValue)으로 대체합니다. 예를 들어, "Hello world".replace("world", "JavaScript")은 "Hello JavaScript"를 반환합니다.

trim() : 문자열의 앞뒤 공백을 제거한 새로운 문자열을 반환합니다. 예를 들어, " Hello ".trim()은 "Hello"를 반환합니다.

배열(Array) 메소드

length : 배열의 길이를 반환합니다. 예를 들어, [1, 2, 3].length는 3을 반환합니다.

push(element1, element2, ...) : 배열의 끝에 요소(element)를 추가합니다. 예를 들어, [1, 2].push(3, 4)는 [1, 2, 3, 4]를 반환하고 배열 자체도 [1, 2, 3, 4]로 변경됩니다.

pop() : 배열의 마지막 요소를 제거하고 반환합니다. 예를 들어, [1, 2, 3].pop()은 3을 반환하고 배열 자체는 [1, 2]로 변경됩니다.

shift() : 배열의 첫 번째 요소를 제거하고 반환합니다. 예를 들어, [1, 2, 3].shift()은 1을 반환하고 배열 자체는 [2, 3]로 변경됩니다.

unshift(element1, element2, ...) : 배열의 시작 부분에 요소를 추가합니다. 예를 들어, [2, 3].unshift(1)은 [1, 2, 3]을 반환하고 배열 자체도 [1, 2, 3]로 변경됩니다.

concat(array1, array2, ...) : 배열들을 연결하여 새로운 배열을 반환합니다. 예를 들어, [1, 2].concat([3, 4])은 [1, 2, 3, 4]를 반환합니다.

join(separator) : 배열의 모든 요소를 문자열로 결합하여 반환합니다. 예를 들어, [1, 2, 3].join(", ")은 "1, 2, 3"을 반환합니다.

indexOf(element) : 지정된 요소의 첫 번째 인덱스를 반환하고, 해당 요소가 없으면 -1을 반환합니다. 예를 들어, [1, 2, 3].indexOf(2)은 1을 반환합니다.

slice(start, end) : 지정된 시작과 끝 인덱스 사이의 부분 배열을 반환합니다. 예를 들어, [1, 2, 3, 4, 5].slice(1, 4)은 [2, 3, 4]를 반환합니다.

splice(start, deleteCount, item1, item2, ...) : 배열에서 요소를 제거하거나 요소를 추가하고, 제거된 요소들을 배열로 반환합니다. 예를 들어, [1, 2, 3, 4, 5].splice(1, 2, "a", "b")은 [2, 3]를 반환하고 배열 자체는 [1, "a", "b", 4, 5]로 변경됩니다.

sort() : 배열을 정렬합니다. 예를 들어, [3, 1, 2].sort()은 [1, 2, 3]을 반환하고 배열 자체도 [1, 2, 3]로 변경됩니다.

reverse() : 배열의 순서를 반대로 뒤집습니다. 예를 들어, [1, 2, 3].reverse()은 [3, 2, 1]을 반환하고 배열 자체도 [3, 2, 1]로 변경됩니다.

post-custom-banner

0개의 댓글