이전
목록
다음
뿌

자바스크립트 코딩할때 실수하기 쉬운 한가지(배열)

견해★
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2012-09-10 (월) 11:56:00 · 3992 · 2
 <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. 이거 때문에 한참 고생한 적이 있어서 혹시 모르시는분들 계실까봐 이렇게 정리했습니다 ^^
 
#개발자팁 #개발자 #팁자료실 #javascript
글쓰기

댓글 2개

축복
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-09-11 (화) 00:41:48
처음 알았네요.. ㅎㅎ 감사합니다 ^^
맘보3
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-09-11 (화) 11:17:28
자바스크립트에서 객체는 참조타입, 숫자,boolean은 기본타입으로 됩니다 ㅎㅎ
저도 한참 고생했었어요
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-09-12 조회 3,894
12-09-12 조회 2,884
12-09-12 조회 4,894
12-09-12 조회 4,553
12-09-12 조회 4,610
12-09-12 조회 3,766
12-09-12 조회 3,085
12-09-12 조회 6,356
12-09-12 조회 4,255
12-09-12 조회 4,563
12-09-12 조회 2,934
12-09-12 조회 2,865
12-09-11 조회 4,146
12-09-11 조회 2,975
12-09-11 조회 4,261
12-09-11 조회 3,913
12-09-11 조회 3,731
12-09-11 조회 3,693
12-09-11 조회 7,078
12-09-11 조회 5,712
12-09-11 조회 3,879
12-09-11 조회 2,790
12-09-11 조회 3,544
12-09-11 조회 3,989
12-09-11 조회 3,745
12-09-11 조회 3,515
12-09-11 조회 3,288
12-09-10 조회 2,841
12-09-10 조회 3,269
12-09-10 조회 3,121
12-09-10 조회 2,853
12-09-10 조회 2,808
12-09-10 조회 3,452
12-09-10 조회 2,745
12-09-10 조회 2,706
12-09-10 조회 2,745
12-09-10 조회 2,661
12-09-10 조회 3,506
12-09-10 조회 3,069
12-09-10 조회 4,682
12-09-10 조회 2,829
12-09-10 조회 3,101
12-09-10 조회 3,993
12-09-10 조회 3,029
12-09-10 조회 2,976
12-09-09 조회 2,907
12-09-09 조회 3,050
12-09-08 조회 3,503
12-09-08 조회 2,942
12-09-07 조회 3,107
12-09-07 조회 3,337
12-09-07 조회 3,159
12-09-07 조회 3,991
12-09-07 조회 3,278
12-09-07 조회 2,698
12-09-07 조회 3,366
12-09-07 조회 6,943
12-09-06 조회 3,009
12-09-06 조회 3,613
12-09-06 조회 5,350
12-09-06 조회 3,785
12-09-06 조회 4,156
12-09-06 조회 3,771
12-09-06 조회 4,561
12-09-06 조회 3,914
12-09-06 조회 3,470
12-09-06 조회 2,872
12-09-06 조회 1.6만
12-09-06 조회 3,950
12-09-06 조회 5,819
12-09-06 조회 3,489
12-09-06 조회 2,863
12-09-05 조회 3,036
12-09-05 조회 2,914
12-09-05 조회 3,072
12-09-05 조회 7,172
12-09-05 조회 8,878
12-09-05 조회 3,569
12-09-05 조회 7,437
12-09-05 조회 3,509
12-09-05 조회 2,951
12-09-05 조회 3,159
12-09-05 조회 2,982
12-09-05 조회 2,845
12-09-05 조회 3,137
12-09-05 조회 3,440
12-09-04 조회 2,910
12-09-04 조회 2,976
12-09-04 조회 3,547
12-09-04 조회 1만
12-09-04 조회 5,571
12-09-04 조회 2,908
12-09-04 조회 3,729
12-09-04 조회 3,532
12-09-04 조회 3,820
12-09-04 조회 7,632
12-09-04 조회 2,962
12-09-04 조회 3,560
12-09-03 조회 5,066
12-09-03 조회 4,669
글쓰기