ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 배열 array
    javascript 2023. 3. 28. 21:08
    반응형

    * 배열 array

     

    - 순서가 있는 리스트

    - index : 배열의 고유번호, 0부터 시작함

    /*
    1번에 민준
    2번에 연석
    ...
    30번에 마크
    */
    
    let students = ['민준', '연석', ... '마크']
    
    console.log(students[0]);//민준
    console.log(students[1]);//연석
    
    //배열 수정 방법
    students[0] = '민정';
    console.log(students);//[민정, 연석]

    * 배열의 특징

     

    - 배열은 문자뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있음

    let arr = [
         '민수',//문자
         3,//숫자
         flase,//bollean
         {name:'mike',
          age : 30,
         },//객체
         function(){
             console.log('test');
         }//함수
    ];

    - length : 배열의 길이, 배열이 가지고 있는 요소의 갯수를 반환

    /*
    1번에 민준
    2번에 연석
    ...
    30번에 마크
    */
    
    let students = ['민준', '연석', ... '마크']
    
    students.length//30

    - push() : 배열 끝에 추가

    let days = ['월','화','수'];
    
    days.push('목')
    console.log(days)//['월','화','수','목']

    - pop() : 배열 끝에 요소 제거

    let days = ['월','화','수'];
    
    days.pop()
    console.log(days)//['월','화']

    - shift(), unshift() : 배열 앞에 추가 제거

    let days = ['월','화','수'];
    
    //추가
    days.unshift('일');
    console.log(days)//['일','월','화','수'];
    
    //제거
    days.shift();
    console.log(days)//['월','화','수'];
    
    //-------------------------------------------------------------------------------------------
    /*참고 : push와 unshift는 여러요소 추가 가능*/
    days.unshift('금','토','일');
    console.log(days)//['금','토','일','월','화','수'];

    - 반복문에 사용함 : for문

    /*for문*/
    let days = ['월','화','수'];
    
    for(let index = 0; index < days.length; index++){
         console.log(days[index])
    }
    
    //-------------------------------------------------------------------------------------------
    /*for... of문 : for문보다 간단하지만 index를 못 얻는다는 단점이 있음*/
    let days = ['월','화','수'];
    
    for(let day of days){
         console.log(day)
    }

    /*다른 예시*/
    let days = ['mon','tue','wed'];
    
    console.log(days[1]);//tue
    
    //두번째 요소 바꾸기
    days[1] = '화요일';
    
    console.log(days);//['mon','화요일','wed']
    
    //배열의 길이
    console.log(days.length);//3
    
    //배열 뒤에 thu 추가하기
    days.push('thu');
    console.log(days);//['mon','tue','wed', 'thu']
    
    //배열 앞에 sun 추가하기
    days.unshift('sun');
    console.log(days);//['sun', 'mon', 'tue', 'wed', 'thu']
    
    //for문
    for(let index = 0; index < days.length; index++){
         console.log(days[index]);//sun mon tue wed thu
    }
    
    //for... of문
    for(let day of days){//여기서 day는 배열의 요소 이름으로 아무이름을 사용해도 됨
         console.log(day);//sun mon tue wed thu
    }
    반응형

    'javascript' 카테고리의 다른 글

    객체Objcet에서 사용 가능한 methods와 Computed property  (0) 2023.04.08
    생성자 함수  (0) 2023.04.08
    객체 Object의 method와 this  (0) 2023.03.28
    객체 Object  (0) 2023.03.28
    함수 선언문, 함수 표현식, 화살표 함수  (0) 2023.03.28

    댓글

Designed by Tistory.