IT/Web

[JavaScript] 자바스크립트 문자열을 배열처럼 접근하기

액트 2021. 12. 29. 17:16

[JavaScript] 문자열을 배열처럼 접근하기


문자열을 배열처럼 접근하기

자바스크립에서 문자열은 변하지 않는 값이므로, 읽기 전용 배열로서 다룰 수 있습니다.

따라서 배열처럼 [] 연산자를 사용하여 문자열을 구성하는 각 문자에 바로 접근할 수 있습니다.

또한, Array 객체가 제공한느 모든 범용 메소드도 사용할 수 있습니다.

문자열의 각 문자는 String 객체에서 제공하는 charAt() 메소드를 사용해도 접근할 수 있습니다.

var str = "안녕하세요";       // 문자열 생성

document.write(str.charAt(2)); // 하

document.write(str[2]);        // 하

See the Pen Untitled by yunjunshin (@yjshin) on CodePen.

charAt 매소드를 사용한 값과 배열처럼 [] 연산자를 사용한 결과 값이 모두 동일하게 나옵니다.

 

하지만 이렇게 문자열을 배열처럼 접근하는 방법은 인터넷 익스플로러 7과 그 이전 버전에서는 동작하지 않습니다.

또한, 문자열을 배열처럼 착각하게 하여 문자열에 배열 요소 삽입 등의 실수를 유발할 수 있습니다.

var str = "안녕하세요!"; // 문자열 생성

str[0] = "";             // 자바스크립트의 문자열은 읽기 전용이므로, 이 문장은 오류를 발생시킵니다.

따라서 문자열을 바로 배열처럼 사용하지 말고, split() 메소드 등을 이용해 먼저 배열로 변환한 후 사용하는 것이 좋습니다.

 

출처:TCPSchool.com