[JS-바위] JS 5강 - 배열 (Array) - 한번에 여러 데이터 저장

[목차]

• 배열변수 생성
• 배열값 지정
• 배열 출력
• 배열 길이 (= 배열 요소 개수)
• 배열 요소를 지정 문자(예: /)로 연결
• 배열 정렬
• 배열 연결
• 배열 자르기 (= 배열 일부 선택)
• 배열요소 추가
• 배열요소 제거

 

PS. 배열 (Array) 매뉴얼 바로가기

---

배열변수 생성

 

var arr = []; // 방법1

var arr = new Array(); // 방법2

---

배열값 지정

 

// 방법1 - 배열변수만 정의 후, 별도로 요소 추가

var arr = [];

var arr[0] = 'a';

var arr[1] = 'b';

var arr[2] = 'c';

// 방법2 - 배열변수 정의와 동시에 요소 추가

var arr = ['a','b','c']; // 문자 - 따옴표 사용 O

var arr = [1,2,3]; // 숫자 - 따옴표 사용 X

---

배열 출력

 

document.write(arr); // 전체 ※ 쉼표(,) 사용해 나열됨.

document.write(arr[0]); // 부분

---

배열 길이 (= 배열 요소 개수)

 

arr.length

---

배열 요소를 지정 문자(예: /)로 연결

 

arr.join('/');

---

배열 정렬

 

// 문자배열 정렬

arr.sort(); // 순차정렬

arr.reverse(); // 역순정렬

// 숫자배열 정렬

arr.sort(function(a,b){return a-b;}); // 순차정렬

arr.sort(function(a,b){return b-a;}); // 역순정렬

PS. sort(), reverse() 모두 원배열 순서가 바뀜.

---

배열 연결

 

arr.concat(arr2);

 

---

배열 자르기 (= 배열 일부 선택)

 

arr.slice(1,3); // 1≤x＜3 // 원배열 변경 X

arr.splice(1,3); // 1≤x≤3 // 원배열 변경 O

---

배열요소 추가

 

arr,push('d','e'); // 뒤에 추가

arr.unshift('d','e'); // 앞에 추가

---

배열요소 제거

 

arr.pop(); // 뒤부터 제거

arr.shift(); // 앞부터 제거