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

견해★

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

· 13년 전 · 조회 3398 3398 · 댓글 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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5366	기타	간단한 전자입찰 전략 계산기 [3]	nekoieye 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1107
5365	PHP	if문으로 비교할게 여러개일때 (feat array_filter) [1]	레오가 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	768
5364	JavaScript	document.querySelector 의 상수화 [2]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	518
5363	JavaScript	로또데이터 자바스크립트 기본함수 [7]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	983
5362		로또 최신회차 추출하기 [16]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1222
5361	JavaScript	당첨확률 높은 로또번호 추출하기 [24]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1229
5360		순수 CSS로 아코디언 메뉴 구현하기	그누보드이해하기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	769
5359		직관적인 컬러 찾기 ~ (컬러피커) [3]	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1084
5358		자바스크립트 응용배열 [10]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1089
5357		PHP 웹 스크래퍼 만들기 : guzzle + dom-crawler [1]	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	800
5356		토글, 페이지 새로고침 전 상태 유지. (브라우저 쿠키 활용)	울러리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	363
5355		가벼운 랜더링 클래스 [1]	BupKuuBro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	581
5354		유튜브 반응형 강제쇼츠 동영상 [14]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	1049
5353		열기 닫기 아코디언(?) 토글(?) 형식 배너 만들기 [4]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	698
5352		브라우저 줄였을때 브라우저의 가로스크롤 가운데로 이동시키기 [3]	바트컨트롤 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	632
5351	PHP	메일 사진 첨부하는 방법 [2]	론지 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	796
5350	PHP	파일업로드시 이미지 파일 특정 크기로 미리 줄여서 업로드 하기	식냥이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	567
5349	OS	오래된 파일 지우기	누리컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	642
5348	기타	링크 단축기	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	446
5347	기타	파일클립(용량무제한 파일첨부관리 클라우드) 그누보드 플러그인을 써보실분 찾습니다. [7]	파일키위 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	624
5346	기타	[7월 개강반 무료 5분 선착순 모집]AWS 클라우드 활용 풀스택 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	502
5345	기타	[7월 개강반 무료 5분 선착순 모집]인공지능,AI 핀테크 서비스 개발자 모집	필수시리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	392
5344	JavaScript	마우스 아웃시 레이어창이 안닫혀요	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	422
5343	PHP	버튼 오버시 레이어창 1개는 되는데 2개부터 작동안함	까망고양이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	492
5342	jQuery	카카오 우편번호 jquery로 변환	dbxo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	567
5341	PHP	계좌번호 복사소스 [1]	WebProduct 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	868
5340	Mobile	br 태그 모바일에만 보여주기	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	543
5339	기타	불량단어 말고 태그 제한 코드 쎄게 박아넣기	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	1년 전	541
5338		카페24서버 php7 에서 mssql 연결 안될때 활용법 [3]	멀티트리플 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1284
5337	기타	유튜브 스크립트, 비메오 [7]	슈퍼스타맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1777