본문 바로가기

프론트엔드/Javascript

문자열과 배열_차이점_비슷한 점

728x90
반응형
SMALL

문자열도 생각해보면 '문자' + '열'이기 때문에 배열과 비슷한 부분들이 많다.

비슷한 점

실제로 지난 시간에 배열과 문자열 모두 length프로퍼티를 가지고 있고, 대괄호 표기법으로 각 요소에 접근할 수 있다거나..

꽤 많은 메소드들이 배열과 문자열 모두 동일하게 사용되는 것도 확인할 수 있다.

심지어 배열을 다룰 때 유용한 for..of문을 문자열에 활용할 수도 있다.

다른 점

 

일단 typeof 연산자를 사용해서 두 값의 자료형을 비교해보면,

 

문자열은 string

배열은 object

확실히 서로 다른 자료형인 걸 확인할 수 있다.

 

 

두 값을 서로 비교해 보아도

 

일치 비교뿐만 아니라, 느슨하게 비교하는 동등비교에서도 false가 출력되는걸 확인할 수 있다.

 

 

mutable vs. immutable

가장 중요한 차이는 배열은 'mutable(바뀔 수 있는)' 자료형인 반면 문자열은 'immutable(바뀔 수 없는)' 자료형이라는 것이다.

 

배열은 요소에 접근해서 할당연산자를 통해 요소를 수정할 수 있다.

문자열은 한 번 할당된 값을 수정할 수 없다.

다르게 표현해서, 변수에 할당된 문자열을 바꾸고 싶다면, 일부를 바꾸는 게 아니라 새로운 문자열을 지정해주어야 한다는 것.

 

 

다시 한번 되돌아보면, 문자열이 가진 메소드들은 모두 retrun 값들을 활용하고, 본래의 문자열 값을 수정하지 않는다.

같은 의미에서 문자열에 splice 같은 메소드들은 사용할 수 없겠다.

 

문자열과 배열은 서로 비슷하지만 엄연히 다른 차이가 있다는 점 꼭 기억하길!

728x90
LIST

'프론트엔드 > Javascript' 카테고리의 다른 글

이벤트  (0) 2022.01.10
프로퍼티와 메소드의 차이  (0) 2022.01.09
math 객체  (0) 2021.11.28
배열_indexOf_lastIndexOf_includes_reversse  (0) 2021.11.28
자바스크립트_undefined와 null  (0) 2021.11.24