본문 바로가기

Javascript/javascirpt

배열

반응형

배열이란?

'나눌 배'와 '열거할 열'을 사용해 만든 글자로, 글자 뜻 그대로 하나의 저장소를 나눠서 데이터를 열거하라는 의미입니다.

쉽게말해 변수는 데이터가 한 개만 저장된다고 알고 있습니다. 하지만 배열은 여러개의 데이터를 하나의 저장소에 저장하는 것을 말합니다.

 

① var 참조 변수 = new Array();
참조 변수[0] = 값1; 참조 변수[1] = 값2; 참조 변수[2] = 값3; ...
② var 참조 변수 = new Array( 값1, 값2, 값2, ...);
③ var 참조 변수 = [ 값1, 값2, 값3, ...];

방식1)

<script>
	var d = new Array();
	d[0] = 10;
	d[1] = "안녕";
	d[2] = true;
</script>

 

방식2)

<script>
	var d = new Array(10, "안녕", true);
</script>

 

방식3)

<script>
	var d = [10, "안녕", true];
</script>

 

배열 객체에 저장된 데이터 불러오기

 

참조 변수[인덱스 번호];

 

예제)

<script>
    var arr = [30, "따르릉", true];

    document.write("<h3>배열값 가져오기-1</h3>");
    document.write(arr[0], "<br>");
    document.write(arr[1], "<br>");
    document.write(arr[2], "<br>");

    document.write("<h3>배열값 가져오기-2</h3>");
    for(var i = 0; i < arr.length; i++){
        document.write(arr[i], "<br>");
    }
    
    document.write("<h3>배열값 가져오기-3</h3>")
    for(i in arr){
        document.write(arr[i], "<br>")
    }
</script>

 

출력화면

 

 

배열 객체의 메서드 및 속성

종류 설명
join(연결 문자) 배열 객체의 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환
reverse( ) 배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환
sort( ) 배열 객체의 데이터를 오름차순으로 정렬
slice( index1, index2 ) 배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옴
splice( ) 배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입
concat( ) 2개의 배열 개체를 하나로 결합
pop( ) 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제
push( new data ) 배열 객체의 마지막 인덱스에 새 데이터를 삽입
shift( ) 배열 객체에 저장된 데이터 중 첫 번째 인덱스에 저장된 데이터를 삭제
unshift( new data ) 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입
length 배열에 저장된 총 데이터의 개수를 반환

 

반응형

'Javascript > javascirpt' 카테고리의 다른 글

배열  (0) 2020.07.25
반복문  (0) 2020.07.20
조건문(if문, else if 문)  (0) 2020.06.18
연산자  (0) 2020.06.17
변수  (0) 2020.06.13
Javascript 정의와 외부로 연결하기  (0) 2020.05.23