자바스크립트 코딩할때 실수하기 쉬운 한가지(배열)
<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개
13년 전
처음 알았네요.. ㅎㅎ 감사합니다 ^^
13년 전
자바스크립트에서 객체는 참조타입, 숫자,boolean은 기본타입으로 됩니다 ㅎㅎ
저도 한참 고생했었어요
저도 한참 고생했었어요
게시글 목록
| 번호 | 제목 |
|---|---|
| 10097 |
JavaScript
고수님들 도와주세요. "웹 페이지 오류 세부 정보"에러가 뜨는데
2
|
| 10093 | |
| 10091 | |
| 10090 | |
| 10089 |
jQuery
jquery 드롭다운메뉴 질문입니다.
|
| 10088 |
jQuery
JQuery 소스 해결 좀 부탁드립니다.
|
| 10083 | |
| 19935 | |
| 17552 | |
| 10079 | |
| 19928 | |
| 10077 |
Mobile
서브도메인 연결 오류...해결 부탁드립니다.
1
|
| 10073 | |
| 19927 |
HTML
고수님들 도움좀 부탁드립니다!
|
| 10069 |
PHP
웹 프로그래밍 강의사이트
3
|
| 10066 |
JavaScript
PhotoSwipe(갤러리) js 소스 해결좀 부탁드립니다.
2
|
| 10063 | |
| 10059 |
JavaScript
초보자 궁금한게 있습니다!
3
|
| 10057 | |
| 10054 | |
| 10051 | |
| 10048 |
jQuery
메뉴에서 무엇이 문제인가요?
2
|
| 10047 |
JavaScript
스크립트 소숫점 자르기
|
| 10045 | |
| 10043 |
Linux
리눅스 yum으로 apm설치하기
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기