[2주차] String 타입의 프로퍼티와 메서드

1월 18일 자 학습 내용 + 개인 공부 정리입니다.

 

 

✅ String.length

const str = "aaa";
console.log(str.length);

// output
// 3

 

length 속성은 UTF-16 코드 유닛을 기준으로 문자열의 길이를 나타낸다.

빈 문자열의 경우 length는 0이다.

 

 

✅ String.prototype.charAt()

지정된 index에 해당하는 str의 요소를 문자열 형식으로 반환한다.

 

str.charAt(index)

 

• index : 0과 str.length - 1 사이의 값. 해당하는 index의 값이 없을 경우 0으로 설정되어 str의 첫 번째 문자가 반환된다.

 

 

✅ String.prototype.charCodeAt()

주어진 index에 해당하는 문자의 UTF-16 코드를 나타내는 숫자를 반환한다.

 

str.charCodeAt(index)

 

• index : 0 이상 str.length - 1 사이의 값. 기본값은 0.

 

 

✅ String.prototype.concat()

매개변수로 전달된 모든 문자열을 이어붙여 새로운 문자열을 반환한다.

 

str.concat(string2, string3[, ..., stringN])

 

• string2...stringN : 합칠 문자열.

 

 

✅ String.prototype.endsWith()

주어진 문자열에서 어떠한 특정 문자열로 끝나는지를 확인할 수 있으며 그 결과를 true, false로 반환한다.

 

str.endsWith(searchString[, length])

 

• searchString : 이 문자열의 끝이 특정 문자열로 끝나는지를 찾기 위한 문자열
• length : 옵션. 찾고자 하는 문자열의 길이값. 기본값은 문자열의 전체 길이.

 

 

✅ String.fromCharCode()

UTF-16 코드 유닛의 값들로부터 문자열을 생성해 반환한다.

 

String.fromCharCode(num1[, ...[, numN]])

 

• num1, ... ,numN : UTF-16 코드 유닛의 값들.

 

 

✅ String.prototype.includes()

문자열 내에 찾고자 하는 다른 문자열이 있는지를 판별하고 그 결과를 true, false로 반환한다.

 

str.includes(searchString[, position])

 

• searchString : str 문자열에서 찾을 다른 문자열
• position : 옵션. searchString을 찾기 시작할 위치. 기본값은 0.

 

 

✅ String.prototype.indexOf()

문자열 내에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. 일치하는 값이 없으면 -1을 반환한다.

 

str.indexOf(searchValue[, fromIndex])

 

• searchValue : 찾으려는 문자열. 값을 지정하지 않으면 "undefined"가 들어감.
• fromIndex : 옵션. 문자열을 찾기 시작하는 위치.

 

 

✅ String.prototype.lastIndexOf()

문자열 내에서 주어진 값과 일치하는 마지막 인덱스를 반환한다. 일치하는 값이 없으면 -1을 반환한다.

 

str.lastIndexOf(searchValue[, fromIndex])

 

• searchValue : 찾으려는 문자열. 값을 지정하지 않으면 fromIndex를 반환.
• fromIndex : 옵션. 문자열을 찾기 시작하는 위치. 문자열의 길이보다 긴 경우 모든 문자열을 탐색. 0보다 작을 경우 0을 지정한 것과 동일한 작업을 함.

 

 

✅ String.prototype.match()

문자열이 정규식과 일치하면 일치하는 전체 문자열을 첫 번째 요소로 포함하는 배열을 반환한다. 일치하는 것이 없으면 null을 반환한다.

정규식에 g 플래그가 포함되어 있을 경우에는 일치하는 하위 문자열을 담은 배열을 반환한다.

 

str.match(regexp)

 

• regexp : 정규식. 전달하지 않을 경우 빈 문자열이 있는 배열이 반환.

 

 

✅ String.prototype.padEnd()

현재 문자열에 다른 문자열을 채워 주어진 길이를 만족하는 새로운 문자열을 반환한다. 채워넣기는 현재 문자열의 끝부터 적용된다.

 

str.padEnd(targetLength [, padString])

 

• targetLength : 목표 문자열의 길이. 현재 문자열의 길이보다 작다면 현재 문자열 그대로 반환.
• padString : 옵션. 현재 문자열에 채워넣을 다른 문자열. padString의 길이가 목표 문자열의 길이를 초과한다면 일부를 잘라서 삽입함. 기본값은 공백.

 

 

✅ String.prototype.padStart()

현재 문자열의 시작을 다른 문자열로 채워 주어진 길이를 만족하는 새로운 문자열을 반환한다. 채워넣기는 현재 문자열의 시작부터 적용된다.

 

str.padStart(targetLength [, padString])

 

• targetLength : 목표 문자열의 길이. 현재 문자열의 길이보다 작다면 현재 문자열 그대로 반환.
• padString : 옵션. 현재 문자열에 채워넣을 다른 문자열. padString의 길이가 목표 문자열의 길이를 초과한다면 일부를 잘라서 삽입함. 기본값은 공백.

 

 

✅ String.prototype.repeat()

문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환한다.

 

str.repeat(count);

 

• count : 문자열을 반복할 횟수. 0과 양의 무한대 사이의 정수.

 

 

✅ String.prototype.replace()

어떠한 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환한다. 패턴은 문자열이나 정규식에 해당한다.

 

var newStr = str.replace(regexp|substr, newSubstr|function)

 

• regexp : 정규표현식.
• substr : 대체될 문자열. 첫 번째 일치되는 문자열만 교체됨.

 

 

✅ String.prototype.search()

주어진 문자열과 정규표현식이 일치하는 첫 번째 인덱스를 반환한다. 일치하는 것이 없으면 -1을 반환한다.

 

str.search(regexp)

 

• regexp : 정규표현식.

 

 

✅ String.prototype.slice()

문자열의 일부를 추출하면서 새로운 문자열을 반환한다.

 

str.slice(beginIndex[, endIndex])

 

• beginIndex : 추출 시작점. 음수라면 문자열의 길이 + beginIndex로 취급. 문자열의 길이보다 크거나 같으면 빈 문자열 반환
• endIndex : 옵션. 추출 종료점으로 해당 인덱스 직전까지 추출. 인덱스 위치의 문자는 추출되지 않음.

 

 

✅ String.prototype.split()

문자열을 지정한 구분자를 이용하여 여러 개의 문자열로 나누고 해당 문자열을 담은 배열을 반환한다.

 

str.split([separator[, limit]])

 

• separator : 옵션. 원본 문자열을 끊어야 할 부분 문자열을 나타냄. 생략되거나 해당 문자열에 없는 경우 원본 문자열을 유일한 원소로 가지는 배열 반환. 빈 문자열일 경우 해당 문자열의 각 문자를 원소로 가지는 배열 반환.
• limit : 옵션. 부분 문자열의 최대 개수를 나타내는 정수. 배열의 원소가 limit개가 되면 멈춤.

 

 

✅ String.prototype.startsWith()

어떤 문자열이 특정 문자로 시작하는지 확인하여 결과를 true, false로 반환한다.

 

str.startsWith(searchString[, position])

 

• searchString : 문자열의 시작 지점에서 탐색할 문자열.
• position : 옵션. searchString을 탐색할 위치.

 

 

✅ String.prototype.substring()

문자열의 시작 인덱스부터 종료 인덱스까지 해당 문자열의 부분 문자열을 반환한다.

 

str.substring(indexStart[, indexEnd])

 

• indexStart : 반환할 문자열의 시작 인덱스
• indexEnd : 옵션. 반환할 문자열의 종료 인덱스. 종료 인덱스에 해당하는 문자는 포함하지 않으며 바로 직전의 문자까지만 반환.

 

 

✅ String.prototype.toLowerCase()

해당 문자열을 소문자로 변환해 반환한다.

 

str.toLowerCase()

 

 

✅ String.prototype.toUpperCase()

해당 문자열을 대문자로 변환해 반환한다.

 

str.toUpperCase()

 

 

✅ String.prototype.toString()

객체의 문자열 표현을 반환한다.

 

toString()

 

✅ String.prototype.trim()

문자열의 양 끝의 공백을 제거한 문자열을 반환한다. 공백이 없을 경우에도 해당 문자열을 반환한다.

한쪽 끝의 공백을 제거한 문자열은 trimStart()나 trimEnd()를 통해 가능하다.

 

trim()

 

✅ String.prototype.valueOf()

String 객체의 원시값 나타내는 문자열을 반환한다.

 

str.valueOf()

 

 

🔍 참조

String Methods https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String