자바스크립트 배열 임의 접근

배열의 요소에 접근을 할 때 배열의 인덱스를 사용해서 임의 접근을 할 수 있습니다. 임의 접근을 하면 원하는 요소에 순차적으로 접근하지 않고 바로 접근을 할 수 있어서 수정이 가능하고 배열에 할당되어 있는 요소의 인덱스의 범위를 초과하는 인덱스로 새로운 데이터를 할당 할 수 있습니다.

 

사용법

 

const colors = ["red", "blue", "yellow"];
colors[1] = "green";
colors[5] = "brown";
console.log(colors[0]); // red
console.log(colors[0][0]); // r
console.log(colors[3]); // undefined
console.log(colors); // [ 'red', 'green', 'yellow', <2 empty items>, 'brown' ]

 

colors 배열의 인덱스는 0~2까지 할당되어 있어서 해당 인덱스로 접근해서 수정할 수 있고 요소에 인덱스를 두 번 사용하면 문자열의 각각의 문자를 접근할 수 있습니다. 다만 각각의 문자는 수정이 불가능합니다. 그리고 할당된 인덱스의 범위를 초과한 인덱스를 사용해서 요소를 추가하면 인덱스의 위치에 할당이 되고 중간에 빈 공간이 생기면 undefined 값으로 할당돼서 채워집니다.