Javascript Array   자바스크립트 배열

(2017-11-06)

Array , 배열

1. 자바스크립트 배열자바스크립트 배열자바스크립트 객체 이지만, 특화시킨 배열로 취급됨
     - 例) typeof arr; => typeof 연산자 결과가 object 로 나타남

  ㅇ 특징
     - 배열 원소에 어떤 타입의 데이터형도 가능
     - 동적으로 크기 조절 가능


2. 자바스크립트 배열의 생성,접근배열 생성 : `[] 배열 리터럴` 및 `Array 생성자 함수` 를 이용
     - [] 배열 리터럴 이용하는 방법          : var arr = [1,2,3,4,5]; (권장)
     - new Array 생성자 함수를 이용하는 방법 : var arr = new Array(1,2,3,4,5); (비 권장)
        . 例) var arr = new Array(5); 이면 5개의 정의되지 않은 요소들을 갖는 배열을 생성

  ㅇ 배열 접근 : `0` 번째 요소 arr[0],  `1` 번째 요소 arr[1] 등


3. 자바스크립트 배열 관련 함수배열 변환 
     - split()                  : 문자열 중 특정 구분자에 의해 분리시켜 배열로 변환
     - join(), toString()       : 배열 원소들을 문자열로 변환
     - concat(), splice()       : 기존 배열을 새로운 배열로 변환

  ㅇ 배열 위치 검색
     - indexOf(), lastIndexOf() : 일치하는 원소의 인덱스 위치

  ㅇ 배열에 원소의 추가,제거(꺼내기)
     - push()                 : 배열 끝에 요소 추가
        . 例) arr.push(추가원소1,추가원소2,...);
     - unshift()              : 배열 처음에 요소 추가
     * 이들 함수들은 동작 후, 결과 배열 원소의 갯수를 반환함(return)

     - pop()                  : 배열 끝 요소 제거/꺼내기
     - shift()                : 배열 첫 요소 제거/꺼내기
 
  ㅇ 배열 정렬 
     - sort(), reverse()

  ㅇ 배열 각 요소에 함수 적용
     - forEach() : 배열 요소를 순서대로 처리
     - every()   : 배열 요소의 모든 것이 지정한 요건에 일치하는지 
     - some()    : 배열 요소 중 하나가 지정한 요건에 일치하는지
     - reduce()
     * 전달 파라미터 형태 : (요소값,인덱스,배열명)


4. 자바스크립트 배열 관련 프로퍼티메서드

  ㅇ length 프로퍼티 : 배열 원소의 개수 (배열 크기)
     - 例) 배열 끝에 원소의 추가 : arr[arr.length] = 추가원소;
     - 例) 배열 크기 조정 : arr.length = 크기값;
     - 例) 배열 최대 크기 한계 : 4,294,967,295개

  ㅇ Array.isArray(임의값) 메서드
     - 임의값이 배열이면 true 리턴

  ㅇ toString(), valueOf() 메서드 
     - 배열 각 원소를 쉼표로 구분시킨 문자열로써 리턴


[자바스크립트] 1. JavaScript 2. JS 객체 3. JS 변수,타입 4. JS 함수 5. JS 배열 6. JS 연산자
[JS 이벤트] [JS 활용] [jQuery]

 
        최근수정     모바일웹     참고문헌