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

견해★

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 13년 전 · 조회 3400 3400 · 댓글 2 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() 함수는 배열을 합치는데 사용하지만 이것 또한 파라미터를 넣어주지 않으면 새로운 배열을 반환합니다.

참조1 : http://door83.blog.me/80127169446

ps. 이거 때문에 한참 고생한 적이 있어서 혹시 모르시는분들 계실까봐 이렇게 정리했습니다 ^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

축복

프로필 보기 이 회원 글보기 이 회원의 댓글보기

13년 전

처음 알았네요.. ㅎㅎ 감사합니다 ^^

맘보3

프로필 보기 이 회원 글보기 이 회원의 댓글보기

13년 전

자바스크립트에서 객체는 참조타입, 숫자,boolean은 기본타입으로 됩니다 ㅎㅎ
저도 한참 고생했었어요

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
26	MySQL	Apache 1.3.x, php, mysql 3.x 연동(php정적모듈 설치) 웹서버 구축하기(첫번째 mysql 설치)	아우겐나이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5829
25	JavaScript	퍼미션관련 명령어	아우겐나이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5209
24	MySQL	MySQL 덤프방법(dump) [1]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	7768
23	MySQL	여러데이터베이스 사용하는 방법	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5065
22	기타	PHP 기초 테크닉 [6]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	8062
21	기타	주요메타테그 모음 [4]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5968
20	MySQL	백업&복구(전체/부분/테이블) [2]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6606
19	MySQL	MySQL 에서 사용되는 sql문 정리[DB 자체 처리]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	9361
18	기타	vi editor와 관련된 유용한 팀[펌]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6948
17	MySQL	리눅스 기본 명령어 모음[펌]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	9483
16	JavaScript	dhtml menu (pull down, top down 방식 메뉴) [4]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6728
15	기타	다음부터 이창을 띄우지 않음 [3]	오승택 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	4755
14	기타	오늘 하루 이 페이지 열지 않기 팝업창 소스 [5]	오승택 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	7664
13	기타	팝업창 하루에 한번만 열기 [3]	오승택 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5466
12	JavaScript	체크박스를 이미지로... [3]	Recluse 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6486
11	기타	리눅스의 디렉토리 구성	아우겐나이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5419
10	기타	테이블 사이즈를 제어하는 스크립트 (응용시 다른 속성도 제어가능) [3]	Recluse 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5061
9	기타	Why the name 'Apache' ?	root 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5932
8	MySQL	MySQL root 패스워드 분실했을 경우	강상현 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	7458
7	PHP	PHP 최근 메뉴얼(도움말) 파일입니다. [7]	짱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6935
6	JavaScript	PHP 홈페이지 [10]	짱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	8166
5	PHP	시스템 정보를 알아볼 수 있는 방법입니다. [7]	윤진한 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6189
4	Linux	리눅스 배포판 선택하기 [5]	오승택 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	7063
3	PHP	로컬에서 사용하는 자바스크립 HTML소스가져오기 [6]	오승택 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	7306
2	기타	간단한 frame자동조정 [4]	오승택 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5655
1	JavaScript	우편번호를 이용한 소재지 셀렉트 박스 [12]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	22년 전	7665