배열

정의

• array (배열) 이란 연관된 데이터를 모아서 통으로 관리하기 위한 데이터 타입
• 데이터를 담는 그릇

용어 정리

var member = ["a", "b", "c"]; // 각각 원소라고 부른다. 그리고 식별자라고 하는 고유한 값을 갖는다. 이를 색인(index)라고 한다. 
alert(member); // member 출력

// 배열을 사용하지 않는 다면?

var member1 = "a";
var member1 = "b";
var member1 = "c";

alert(member1);
alert(member2);
alert(member3);

// 이런 식으로 다 따로 따로 출력을 해야했을 것

index 선택하기

var member = ["a", "b", "c"];
alert(member[0]);
alert(member[1]);
alert(member[2]);

함수와 응용

function get_members () {
    return ["a", "b", "c"];
}
var member = get_members();
alert(member[0]);
alert(member[1]);
alert(member[2]);

배열의 사용

배열 + 반복문 : 반복문으로 리스트에 담긴 정보를 하나씩 꺼내서 처리하도록 한다

function get_members () {
    return ['gomgom', 'gomdol'];
}
members = get_members();

for(var i = 0; i < members.length; i++) {
    document.write(members[i].toUpperCase() + "</br>");
}

배열의 제어

항목에 접근

let fruits = ['apple', 'banana'];
console.log(fruits.length - 1);

let first = fruits[0];
console.log(first);

let last = fruits[fruits.length - 1]; // 전체(length)에서 -1를 하면 
console.log(last);

.indexof

 let fruits = ['apple', 'banana', 'grape', 'juice', 'coffee'];
 console.log(fruits.indexOf('apple'));
 
 // 0

.push

var jobs = ['programmer', 'designer', 'planner'];
jobs.push('owner')
alert(jobs);

• 배열의 맨 끝에 요소? 인자?를 추가한다.

.concat

var li = ['a', 'b', 'c', 'd', 'e'];
li.push('f');
alert(li);

li = li.concat('g', 'h');
alert(li);

• 복수의 배열을 추가한다.

.unshift

var li = ['a', 'b', 'c', 'd', 'e'];
li.unshift('z')
alert(li);

document.write(li);

• 배열의 맨 앞에 추가한다.

.shift

var li = ['a', 'b', 'c', 'd', 'e'];
li.shift();
document.write(li);

• 배열의 맨 앞 제거

var li = ['a', 'b', 'c', 'd', 'e'];
li.shift();
li.pop();
document.write(li);

• 배열의 맨 위 제거

.sort

var li = ['b', 'e', 'a', 'd', 'c'];
li.sort();
document.write(li);

• 알파벳 순서대로 정열

.reverse

var li = ['b', 'e', 'a', 'd', 'c'];
li.reverse();
document.write(li);

• 알파벳 순서대로 정열이 되는 것 아닌가? 이 코드를 실행하면 c, d, a, e, b 순서대로 정열이 된다.

var li = ['b', 'e', 'a', 'd', 'c'];
li.sort();
li.reverse();
document.write(li);

• 이런 식으로 연속으로 하면 잘 구현된다.

.length

 let fruits = ['apple', 'banana'];
 console.log(fruits.length);
//2

.sort 추가학습

var numbers = [9,8,7,6,5,4,3,2,1];

alert(numbers.sort());
// [1,2,3,4,5,6,7,8,9] 출력
alert(numbers);
// 원본 자체를 변경 
alert(numbers.sort() === numbers);
// ture 값으로 나옴. 원본이 바뀌어 있음을 확인 할 수 있음