<script> var a = new Array(1, 2, 3, 4);var b = a;b[0] = 5;alert(a[0]);</script>
문제
a[0]의 결과값은 5입니다.
원인
C언어와 PHP에서는 보통 배열을 선언하면 변수에 실제값을 담고있지만
javascript에서는 주소값을 담고있습니다. C언어로 따지면 포인터인셈이지요.
new가 붙는거라면 주소값을 반환합니다. (* var a = [1, 2, 3, 4]; 도 a에 주소값으로 저장됩니다. )
즉, a배열과 b배열은 같은 메모리를 참조하고 하나의 배열을 바라보고 있으므로 b[0]을 수정하면 메모리상의 배열을 수정하여 a[0]도 바뀌게 됩니다.
해결
1. slice();
<script>
var a = new Array(1, 2, 3, 4);
var b = a.slice();
b[0] = 5;
alert(a[0]);
</script>
결과값은 1입니다.
slice() 함수는 배열을 자르는데 사용하지만 파라미터를 넣어주지 않으면 새로운 배열을 반환합니다.
2. concat();
<script>var a = new Array(1, 2, 3, 4);var b = a.concat();b[0] = 5;alert(a[0]);</script>
결과값은 1입니다.
concat() 함수는 배열을 합치는데 사용하지만 이것 또한 파라미터를 넣어주지 않으면 새로운 배열을 반환합니다.
ps. 이거 때문에 한참 고생한 적이 있어서 혹시 모르시는분들 계실까봐 이렇게 정리했습니다 ^^
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 17628 | |
| 17616 |
기획서
사이트맵
11
|
| 17605 |
기획서
사이트제작순서 (참고)
10
|
| 20033 | |
| 10521 |
JavaScript
계층형 카테고리를 여러개 선택할수 있게 하는방법이 없을까요??
|
| 10518 |
jQuery
슬라이드 업 전체메뉴에 대해 질문드립니다.
2
|
| 10517 | |
| 10514 | |
| 10504 |
MySQL
mysql like 검색방법
9
|
| 20029 |
웹접근성
웹접근성이란?
3
|
| 10499 |
JavaScript
자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다
4
|
| 10491 |
jQuery
jquery로 펼침 메뉴 입니다.
7
|
| 10485 | |
| 20020 |
웹접근성
웹표준형 화면 확대/축소
8
|
| 10484 | |
| 10470 |
Mobile
끊기지 않는 세션을 만들려면 어떻게?
13
|
| 10463 | |
| 280 | |
| 20019 | |
| 10459 |
MySQL
csv 편집 방법?
3
|
| 10455 | |
| 10447 | |
| 10437 | |
| 10433 |
JavaScript
자바스크립트 해킹 공격에 대한 방어
3
|
| 10427 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기