생활코딩 자바스크립트 기본 - 배열

본 게시글은 인프런 강의 "생활코딩 - 자바스크립트(JavaScript) 기본"를 보고 공부한 내용을 정리하고 있습니다.

https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8/dashboard

[무료] 생활코딩 - 자바스크립트(JavaScript) 기본 - 인프런 | 강의

---

배열

배열이란 연관된 데이터를 모아서 통으로 관리 ㅎ기 위해서 사용하는 데이터 타입이다.
변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 
하나의 변수에 저장하기 위한 것이라고 할수 있다.

배열의 생성자

대괄호는 배열을 만드는 기호이다. 대괄호 안에 데이터를 ( , )구분해서 나열하면 배열이 된다.
var number = ['100','200','300'];

배열의 호출

배열의 가장 앞에 색인(index)은 0이다.

var number = ['100','200','300'];
document.write(number+"<br>");
document.write(number[0]+"<br>");
document.write(number[1]+"<br>");
document.write(number[2]+"<br>");

배열과 함수

배열과 함수를 같이 사용할 수 있다.

function get_number(){
    return ['100','200','300'];
}
var number = get_number();
document.write(number[0]+"<br>");
document.write(number[1]+"<br>");
document.write(number[2]+"<br>");

배열과 반복문

배열과 반복문을 혼합하여 사용할 수 있다.

.length 
배열.length는 원소의 개수를 알려준다.
배열.toUpperCase()는 문자열을 대문자로 바꿔준다.

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
var members = get_members();
for(i = 0; i < members.length; i++){
    document.write(members[i].toUpperCase()+"<br>");
}

배열의 제어

배열의 데이터의 추가/수정/삭제를 가능하게 해주는 방법에 대해서 알아보자

배열의 크기

.length

 배열.length로 쓰며, 배열의 크기를 알려준다.

var li = ['a', 'b', 'c', 'd'];
document.write("length : "+li.length+"<br>");

배열의 추가

push

배열.push(원소)를 하면 배열 가장 뒤에 원소가 추가된다.

concat

배열.concat(원소들)을 하면 복수의 원소를 추가할 수 있다.

unshift

배열.unshift(원소)를 하면 가장 앞자리 0번째 색인에 원소가 추가된다.

splice

배열의 특정 구간을 추출하거나 특정구간에 특정 배열을 추가함

배열.splice(색인,제거될 원소의 수, 원소1, ,,, 원소N)

자세한 내용은 아래 링크를 참고하자.
https://opentutorials.org/course/50/110

splice - 생활코딩

var li = ['a', 'b', 'c', 'd'];
li.push('e')
document.write("push('e') : "+li+'<br>');
li.concat('f','g');
document.write("concat('f','g') : "+li+'<br>');
li.unshift('z');
document.write("unshift('z') : "+li+"<br>");
li.splice(2,2,"B","C");
document.write("splice(2,2,\"B\",\"C\") : "+li+"<br>");

배열의 제거

shiift

배열.shift()를 하면 첫번째 원소를 제거하는 방법이다.

pop

배열.pop()을 하면 가장 뒤에 원소가 제거된다.

var num = [1,2,3,4,5,6];
num.shift();
document.write("shift() : "+num+'<br>');
num.pop();
document.write("pop() : "+num+"<br>");

배열의 정렬

sort

배열.sort()를 하면 배열이 순서대로 정렬된다 

reverse

배열.reverse()를 하면 역순으로 정렬된다

var li2 = ['b','d','c','a'];
li2.sort();
document.write("sort() : "+li2+'<br>');
li2.reverse();
document.write("reverse() : "+li2+'<br>');