[JavaScript] 배열

배열, 객체

대량의 데이터를 쉽게 다룰 수 있게 해 주는 데이터 타입

배열

• 순서가 있는 값
• 값은 요소(element)
• 순서는 인덱스(index): 0부터 번호를 매김, 1이 아님
• 대괄호를 이용해서 만들고, 각각의 element는 쉼표로 구분
• 인덱스를 통해 값에 접근할 수 있음

let myNumber = [1, 4, 3, 2, 5];
myNumber[2]; // 3

배열의 값을 바꿀 때
myNumber[2] = 6; // let myNumber = [1, 4, 6, 2, 5];

let myNumber = [[13, 30], [73, 8], [44, 17]];
myNumber[1]; // [73, 8]
myNumber[1][0]; // 73

push(추가)/pop(삭제)

let myNumber = [1, 2, 3, 4, 5];
myNumber.push(6); // myNumber = [1, 2, 3, 4, 5, 6]
myNumber.pop(); // myNumber = [1, 2, 3, 4, 5]

console.table(myNumber)로 출력하면 다음과 같은 결과가 나옴
(index)		Value
0			1
1			2
2			3
3			4
4			5

- push
let arr = ['hi', 'hello'];
arr.push('bye');

console.table(arr)
(index)		Value
0			'hi'
1			'hello'
2			'bye'

-pop
let arr = ['hi', 'hello', 'bye'];
arr.pop();

console.table(arr)
(index)		Value
0			'hi'
1			'hello'

-arr.shift() // 앞에 것 삭제
let arr = ['hi', 'hello'];
arr.shift()

console.table(arr)
(index)		Value
0			'hello'

-arr.unshift() // 앞에서 추가
let arr = ['hello'];
arr.unshift('hi')

console.table(arr)
(index)		Value
0			'hi'
1			'hello'

반복문 + 배열

- 반복문을 이용해 배열의 element를 한번씩 출력
let myNum = [73, 98, 86, 61];

for(let i = 0 ; i < myNum.length; i++){
	console.log(myNum[i]);
    
- 반복문을 이용해 배열의 element를 전부 더하기

let sum = 0;
for(let i = 0 ; i < myNum.length ; i++){
	sum += myNum[i];
}
console.log(sum);

Array.isArray

• 자바스크립트의 특정 값이 배열인지 아닌지 판별함

let words = ['떡잎', '방범대', '출동'];
typeof words >> "object"로 나옴
let obj = { a: 1} >> "object"로 나옴

Array.isArray 사용
Array.isArray(words) // true

indexOf, includes

let words = ['떡잎', '방범대', '출동'];
words.indexOf('방범대') // 1 (인덱스 위치)
words.indexOf('출동') // 2 (인덱스 위치)
words.indexOf('떡잎') // 0 (인덱스 위치)
words.indexOf('훈발롬') // -1 (없는 단어 넣으면 -1 나옴)

words.includes('떡잎') //true