자바스크립트 문자열 메소드 (JavaScript String Methods)

문자열 메서드 및 속성(String Methods and Properties)

String methods는 문자열 작업을 도와줍니다.

“John Doe”와 같은 원시 값(primitive values)은 객체(objects)가 아니기 때문에 속성이나 메서드(properties
or methods)를 가질 수 없습니다.

하지만 자바 스크립트에서는 메서드와 속성(methods and properties)을 실행할 때, 원시 값(primitive values)을 객체(objects)로 처리하므로, 메서드 및 속성(methods and properties)을 원시 값(primitive values)에 사용할 수도 있습니다.


문자열 길이(String Length)

length 속성은 문자열의 길이를 반환합니다:

Example


문자열에서 문자열 찾기(Finding a String in a String)

IndexOf() 메소드는 문자열 중에서 지정한 문자가 처음에 나타나는 인덱스(위치)를 반환합니다:

Example


lastIndexOf() 메소드는 문자열 중에서 지정한 문자가 마지막에 나타나는 인덱스(위치)를 반환합니다:

Example

indexOf() 및 lastIndexOf() 메서드는 텍스트가 없으면 -1을 반환합니다.

두 가지 방법 모두 검색의 시작 위치로 두 번째 매개 변수를 사용합니다.:

Example


문자열에서 문자열 검색(Searching for a String in a String)

search() 메소드는 지정한 문자열을 검색하고 일치하는 위치를 반환합니다:

Example


차이점을 인지했나요?

indexOf()와 search() 두 메소드는 동일합니까?

이것들은 동일한 인수(arguments)(매개 변수(parameters))를 받아들이고 동일한 값을 반환합니까?

두 메소드는 동일하지 않습니다 . 차이점은 다음과 같습니다:

  • search() 메소드는 두 번째 시작 위치 인수(second start position argument)를 취할 수 없습니다.
  • indexOf () 메서드는 강력한 검색 값(정규 표현식(regular expressions))을 사용할 수 없습니다.

정규 표현식에 대한 자세한 내용은 이후 장에서 배우게 될 것입니다.


문자열 파트 추출하기(Extracting String Parts)

문자열의 일부를 추출하는 3 가지 방법이 있습니다:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

slice() 메서드(The slice() Method)

slice()는 문자열의 일부를 추출하여 추출한 부분을 새 문자열로 반환합니다.

이 메서드는 두 매개 변수를 사용합니다: 시작 인덱스(위치)와 끝 인덱스(위치)

이 예제는 문자열의 일부를 위치 7에서 위치 13까지 추출합니다:

Example

매개 변수가 음수이면 위치는 문자열의 끝에서부터 계산됩니다.

이 예제는 -12 위치에서 -6 위치까지 문자열의 일부를 추출합니다:

Example

두 번째 매개 변수를 생략하면 메서드는 문자열의 나머지 부분을 모두 추출합니다:

Example

또는 끝에서부터 계산:

Example

style= color:red;


substring() 메서드(The substring() Method)

substring()은 slice ()와 비슷합니다.

차이점은 substring()이 음수 인덱스를 허용할 수 없다는 것입니다.

Example

res 의 결과는 다음과 같습니다:

두 번째 매개 변수를 생략하면 substring ()은 문자열의 나머지 부분을 모두 추출합니다.


substr() 메서드(The substr() Method)

substr() 은 slice()와 비슷합니다.

차이점은 두 번째 매개 변수는 추출된 부분의 길이(length) 를 지정한다는 것입니다.

Example

첫 번째 매개 변수가 음수이면 위치는 문자열 끝에서부터 계산됩니다.

두 번째 매개 변수는 길이를 정의하므로 음수일 수 없습니다.

두 번째 매개 변수를 생략하면 substr()은 나머지 문자열을 모두 추출합니다.


문자열 내용 바꾸기(Replacing String Content)

replace() 메서드는 문자열에서 지정된 값을 다른 값으로 변환합니다:

Example

아래 문단에서 “Microsoft”를 “W3Schools”로 대체합니다:

Please visit Microsoft!

기본적으로 replace() 함수는 첫 번째 일치 항목 만 변환합니다:

Example

아래 문단에서 “Microsoft”를 “W3Schools”로 대체합니다:

Please visit Microsoft and Microsoft!

기본적으로 replace() 함수는 대/소문자를 구분합니다. 대문자 MICROSOFT는 동작하지 않습니다:

Example

아래 문단에서 “Microsoft”를 “W3Schools”로 대체합니다:

Please visit Microsoft and Microsoft!

대/소문자를 구분하지 않으려면 /i 플래그(대/소문자 구분하지 않음)를 사용하는 정규표현식을 사용하십시오:

Example

아래 문단에서 “Microsoft”를 “W3Schools”로 대체합니다:

Please visit Microsoft!

모든 일치 항목을 변경하려면 /g 플래그(전체 일치)와 함께 정규표현식을 사용하십시오:

Example

아래 문단에서 모든 “Microsoft”를 “W3Schools”로 대체합니다:

Please visit Microsoft and Microsoft!


대/소문자로 변환(Converting to Upper and Lower Case)

toUpperCase()를 사용하여 문자열을 대문자로 변환합니다:

Example

문자열을 대문자로 변환합니다:

Hello World!

toLowerCase()를 사용하여 문자열을 소문자로 변환합니다:

Example

문자열을 소문자로 변환합니다:

Hello World!


concat() 메서드(The concat() Method)

concat()는 두 개 이상의 문자열을 합칩니다:

Example

concat() 메소드는 2개 또는 그 이상의 문자열을 합칩니다:

+ 연산자 대신 concat() 메소드를 사용할 수 있습니다. 이 두 줄은 똑같습니다:

Example


문자열 문자 추출하기(Extracting String Characters)

다음은 문자열 문자를 추출 하는 2 가지 안전한 방법입니다:

  • charAt(position)
  • charCodeAt(position)

charAt() 메서드(The charAt() Method)

charAt() 메서드는 문자열에서 지정된 인덱스(위치)에 있는 문자를 반환합니다:

Example


charCodeAt() 메서드(The charCodeAt() Method)

charCodeAt() 메소드는 문자열에서 지정된 인덱스에 있는 문자의 유니코드(unicode)를 반환합니다:

Example

charCodeAt() 메소드는 문자열에서 지정된 위치에 있는 문자의 유니코드(unicode)를 반환합니다:


배열로 문자열에 액세스하는 것은 안전하지 않습니다.

문자열을 배열로 액세스하는 이와 같은 코드를 보았을 것입니다:

이것은 안전하지 않으며 예측할 수 없습니다.

  • 모든 브라우저에서 작동하지 않습니다 (IE5, IE6, IE7 제외).
  • 문자열을 배열처럼 보이게합니다 (그러나 그렇지 않습니다).
  • str[0] = “H”는 에러가 발생하지 않습니다 (그러나 작동하지 않습니다).

문자열을 배열로 읽으려면 먼저 배열로 변환하십시오.


문자열을 배열로 변환(Converting a String to an Array)

split() 메서드를 사용하여 문자열을 배열로 변환할 수 있습니다:

Example

문자열을 분리한 다음에, 첫 번째 배열 요소를 표시하기 위해 “Try it”을 클릭합니다.

구분 기호(separator)가 생략되면, 반환되는 배열은 전체 문자열은 index[0]에 포함됩니다.

구분 기호가 “”인 경우 반환되는 배열은 단일 문자 배열입니다.

Example


완전한 문자열 참조(Complete String Reference)

전체 참조(reference) 정보를 보려면 Complete JavaScript String Reference로 이동하십시오.

참조(reference)에는 모든 문자열 속성 및 메서드에 대한 설명과 예제가 들어 있습니다.

출처: JavaScript String Methods

댓글 남기기