Javascript - 배열(Array)

이진아·2020년 12월 19일
0

JAVASCRIPT

목록 보기
2/9
post-thumbnail

배열(Array)

자바스크립트에서 배열은 이름과 인덱스로 참조되는 정렬된 값의 집합
배열요소 : 배열에서의 각 값들
Index : arr[0], arr[1] .. 처럼 배열에서의 위치를 가리키는 숫자

배열 선언

  1. 배열 선언

    let 배열이름;

    배열의 초기화
    배열이름 = [값1, 값2, 값3 ...];

    let arr;
    arr = [100,200,300,400];

  2. 배열 선언

    let 배열이름 = new Array(값1, 값2, 값3...);

    let arr = new Array(100, 200, 300);

자바스크립트 배열의 특징

  1. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 다를 수 있다.

    let arr = [1, 2, 1.5 , "김사과", true];
  2. 배열 요소의 인덱스가 연속적이지 않아도 되며, 특정 배열 요소가 비어 있을 수 있다. (다른 언어들은 순서대로 해야한다.)

let arr;
arr[0]=1;
arr[3]=2;
arr[5]=4;

  1. 배열 요소

1) length
Array 인스턴스의 length 속성은 배열의 길이를 반환함.

for(let i=0; i<arr.length; i++){
            console.log(arr[i]);
        }
     
    

2) let i in arr - index로 출력 됌

     for(let i in arr){ //['김사과', 20, 150, true]; 
                console.log(i);
            }
            
     결과 값 : 0 1 2 3
        
        

3) let i of arr - value 출력 됌

   for(let i of arr){ //['김사과', 20, 150, true]; 값으로 바퀴를 돌음 4개돌고 3개돌고 2개돌고 1개돌음
              console.log(i);
          }
          
   결과 값 : '김사과' 20 150 true

4) callback 함수 - 안에 있는 함수를 계속 실행 해줌.

    arr.forEach(function(i){
                console.log(i);
            })
  1. Array 객체의 메소드

push() : 배열이 요소를 추가
pop() : 배열의 마지막 주소에 있는 값을 제거
shift() : 배열의 첫번째 주소에 있는 값을 제거
concat() : 두개의 배열을 합침
join() : 배열 요소 사이에 원하는 문자를 삽입
reverse() : 배열을 역순으로 재배치
sort() : 배열을 오름차순으로 정렬

   <script>
          'use strict'
          let arr1 = [사과, 20, 40.6 ,true];

          console.log(arr1);
          arr1.push("바나나");

          console.log(arr1);
          arr1.shift(); 

          let arr2 = ['학생', '서울'];

          arr1 = arr.concat(arr2);
          console.log(arr1);

          arr2 = arr2.join("l");
          console.log(arr2);

          arr1.reverse();
          console.log(arr1);

          let arr3 = ['a', 'b', 'c', 'd'];
          arr3.sort();
          console.log(arr3);

      </script>
profile
새싹 개발자><

0개의 댓글