배열
단일 변수 안에 데이터 항목 목록을 저장하는 방법이다.
목록에 저장된 여러 값을 포함할 수 있다.
배열에는 문자열, 숫자, 객체 및 기타 배열과 같은 다양한 데이터 유형을 저장할 수 있다.
let shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles'];
let sequence = [1, 1, 2, 3, 5, 8, 13];
let random = ['tree', 795, [0, 1, 2]];
배열 항목에 액세스하여 수정하기
shopping[0]; // 첫번째 항목에 액세스 함 return "bread"
shopping[0] = 'tahini'; //첫번째 항목을 수정함
shopping;
// return ['tahini', 'milk', 'cheese', 'hummus', 'noodles']
다차원배열(배열 내부의 배열)에 액세스
random[2][2]; // return 2
배열의 길이찾기
length 속성을 사용하여 배열의 길이를 찾을 수 있다.
shopping.length; // should return 5
배열의 모든 항목을 반복할 때 사용한다.
let sequence = [1, 1, 2, 3, 5, 8, 13];
for (let i = 0; i < sequence.length; i++) { // 0부터 반복시작 7에서 중지
console.log(sequence[i]);
} // 배열의 순서대로 콘솔에 찍힌다. 1 > 1 > 2 > 3 > 5 > 8 > 13
문자열과 배열간의 변환
split(',') 문자열을 배열로 변환
let myData = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
let myArray = myData.split(','); 각 쉼표에서 나눔
myArray;
// return ["Manchester","London","Liverpool","Birmingham","Leeds","Carlisle"]
배열을 문자열로 변환
join(',') 각 쉼표들을 문자열로 합침
let myNewString = myArray.join(',');
myNewString;
// return "Manchester,London,Liverpool,Birmingham,Leeds,Carlisle"
toString() 메소드 사용
매개변수를 사용하지 않아 간단하지만,
구분 기호를 정할 수 있는 join()과 달리 toString은 항상 쉼표로 구분한다.
let dogNames = ['Rocket','Flash','Bella','Slugger'];
dogNames.toString(); // return "Rocket,Flash,Bella,Slugger"
예제
const list = document.querySelector('ul');
const totalBox = document.querySelector('p');
let total = 0;
list.innerHTML = '';
totalBox.textContent = '';
let product = ['Underpants:6.99',
'Socks:5.99',
'T-shirt:14.99',
'Trousers:31.99',
'Shoes:23.99'];
for (i = 0; i < product.length; i++) {
let sub = product[i].split(':');
let name = sub[0];
let price = Number(sub[1]);
total += price;
let itemText = name + ' - $' + price;
const listItem = document.createElement('li');
listItem.textContent = itemText;
list.appendChild(listItem);
}
totalBox.textContent = '$' + total.toFixed(2);
