JavaScript 공부하기 03 (배열) array - 1

개발환경

 - IDE : Atom

 - OS : MacOS

---

Array

배열은 리스트와 비슷한 객체라고 볼 수 있습니다.

Javascript에서는 배열의 길이와 데이터형은 고정되어있지 않고, 배열의 길이는 동적으로 늘거나 줄어들거나 합니다.

이 때문에 Javascript에서는 배열의 밀집도가 보장되지 않습니다. 문론 편리한점도 있지만 형식화 배열을 사용하는것도 좋습니다.

 

이 글에서는 아래의 코드를 이용하여 공부를 해 보겠습니다.

let fruit = ["사과","오렌지"];

 

배열의 크기 구하기

console.log(fruit.length);
//2

이처럼 length를 이용하여 배열의 크기를 구할 수 있습니다.

이 크기값으로 반복문이나 여러 조건식을 세울 때 유용하게 활용이 가능합니다.

 

배열의 요소 접근방법

//첫번째 요소
let first = fruit[0];
//마지막 요소
let last = fruit[fruit.length];

console.log(`First : ${first} / Last : ${last}`);
// First : 사과 / Last : 오렌지

이렇게 index 에 정수를 입력해 주어 특정 요소에 접근을 할 수 있습니다.

 

배열에 값 추가 / 삭제

Javascrpt에서는 배열의 크기가 동적으로 할당이 됩니다.

이제 어떻게 해야 동적으로 할당이 되는지 알아보도록 합시다.

 

여기서 우리가 배울 method 가 몇개 있습니다.

자주 쓰인다고 생각되는 5가지를 가져왔습니다.

push()	배열의 끝 부분에 값 추가
unshift()	배열의 앞 부분에 값 추가
pop()	배열의 끝 부분 값 삭제
shift()	배열의 앞 부분 값 삭제
slide()	범위 지정 삭제

이 Method 들은아래처럼 사용을 할 수 있습니다.

fruit.push("레몬");
//[사과,오렌지,레몬]
fruit.unshift("키위");
//[키위,사과,오렌지,레몬]

fruit.pop();
//[키위,사과,오렌지]
fruit.shift();
//[사과,오렌지]

fruit.splice(1,1); //1번인덱스부터 1개삭제
//[오렌지]

 

 

 

 

소스코드 : github

vpdls1511/JavaScriptPractice