\r\n문제\r\na[0]의 결과값은 5입니다.\r\n \r\n원인\r\nC언어와 PHP에서는 보통 배열을 선언하면 변수에 실제값을 담고있지만\r\njavascript에서는 주소값을 담고있습니다. C언어로 따지면 포인터인셈이지요.\r\nnew가 붙는거라면 주소값을 반환합니다. (* var a = [1, 2, 3, 4]; 도 a에 주소값으로 저장됩니다. )\r\n즉, a배열과 b배열은 같은 메모리를 참조하고 하나의 배열을 바라보고 있으므로 b[0]을 수정하면 메모리상의 배열을 수정...","url":"https://sir.kr/boards/program/18142","author":{"@type":"Person","name":"견해★","url":"https://sir.kr/profile/37df1e40-d6a2-4311-885c-aad108a24c7a"},"interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"datePublished":"2012-09-10T11:56:00+09:00","dateModified":"2012-09-11T11:17:28+09:00","comment":[{"@type":"Comment","text":"처음 알았네요.. ㅎㅎ 감사합니다 ^^","author":{"@type":"Person","name":"축복"},"datePublished":"2012-09-11T00:41:48+09:00"},{"@type":"Comment","text":"자바스크립트에서 객체는 참조타입, 숫자,boolean은 기본타입으로 됩니다 ㅎㅎ\r\n저도 한참 고생했었어요","author":{"@type":"Person","name":"맘보3"},"datePublished":"2012-09-11T11:17:28+09:00"}]}

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

 <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개

처음 알았네요.. ㅎㅎ 감사합니다 ^^
자바스크립트에서 객체는 참조타입, 숫자,boolean은 기본타입으로 됩니다 ㅎㅎ
저도 한참 고생했었어요
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
13년 전 조회 1,840
13년 전 조회 1,589
13년 전 조회 2,094
13년 전 조회 2,123
13년 전 조회 1,850
13년 전 조회 1,592
13년 전 조회 1,792
13년 전 조회 2,523
13년 전 조회 1,546
13년 전 조회 3,542
13년 전 조회 3,268
13년 전 조회 3,128
13년 전 조회 2,446
13년 전 조회 1,743
13년 전 조회 4,909
13년 전 조회 2,738
13년 전 조회 3,201
13년 전 조회 1,607
13년 전 조회 1,556
13년 전 조회 2,715
13년 전 조회 1,714
13년 전 조회 2,915
13년 전 조회 2,594
13년 전 조회 2,400
13년 전 조회 2,247
13년 전 조회 5,691
13년 전 조회 4,080
13년 전 조회 2,463
13년 전 조회 1,549
13년 전 조회 2,205
13년 전 조회 2,665
13년 전 조회 2,409
13년 전 조회 2,206
13년 전 조회 1,921
13년 전 조회 1,553
13년 전 조회 1,983
13년 전 조회 1,824
13년 전 조회 1,659
13년 전 조회 1,629
13년 전 조회 2,094
13년 전 조회 1,549
13년 전 조회 1,502
13년 전 조회 1,562
13년 전 조회 1,499
13년 전 조회 2,119
13년 전 조회 1,816
13년 전 조회 3,341
13년 전 조회 1,566
13년 전 조회 1,858
13년 전 조회 2,612
13년 전 조회 1,757
13년 전 조회 1,713
13년 전 조회 1,658
13년 전 조회 1,779
13년 전 조회 2,176
13년 전 조회 1,755
13년 전 조회 1,791
13년 전 조회 2,132
13년 전 조회 1,918
13년 전 조회 2,533
13년 전 조회 1,982
13년 전 조회 1,539
13년 전 조회 2,151
13년 전 조회 5,483
13년 전 조회 1,824
13년 전 조회 2,337
13년 전 조회 3,954
13년 전 조회 2,543
13년 전 조회 2,896
13년 전 조회 2,512
13년 전 조회 3,173
13년 전 조회 2,593
13년 전 조회 2,182
13년 전 조회 1,650
13년 전 조회 1.5만
13년 전 조회 2,439
13년 전 조회 4,563
13년 전 조회 2,220
13년 전 조회 1,655
13년 전 조회 1,812
13년 전 조회 1,652
13년 전 조회 1,816
13년 전 조회 5,578
13년 전 조회 7,342
13년 전 조회 2,063
13년 전 조회 5,923
13년 전 조회 2,188
13년 전 조회 1,744
13년 전 조회 1,900
13년 전 조회 1,709
13년 전 조회 1,622
13년 전 조회 1,871
13년 전 조회 1,965
13년 전 조회 1,703
13년 전 조회 1,753
13년 전 조회 2,201
13년 전 조회 8,762
13년 전 조회 3,964
13년 전 조회 1,663
13년 전 조회 2,261