JavaScript 기초(array)

array(배열)

• 복수의 자료를 저장할 수 있는 자료구조
• 순서(index)가 있는 list이며 [ ] 사용

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

1. length: 배열의 길이. 배열이 가지고 있는 요소의 개수를 반환함.

console.log(daysOfWeek.length); // 6

2. var[index]; : array에서 element에 접근하기

console.log(daysOfWeek[5]);// "sat"
console.log(daysOfWeek[daysOfWeek.length - 1]) // 배열의 마지막 요소 받아오기

3. push(): 배열 끝에 요소를 추가해주는 method

daysOfWeek.push("sun");

4. pop(): 배열 끝 요소를 제거해주는 method

const days = ['mon', 'tue', 'wed'];
days.pop('wed');
console.log(days); // ['mon', 'tue']

5. shift(),unshift() : 배열 앞에 제거/추가해주는 method

const days = ['mon', 'tue', 'wed'];
days.shift(); // 맨 앞의 요소를 삭제
console.log(days); // ['tue', 'wed']
days.unshift('mon'); // 맨 앞에 'mon' 추가
console.log(days); // ['mon', 'tue', 'wed']

📌 shift와 unshift는 배열의 길이가 길수록 속도가 느려짐

*push와 unshift는 여러 요소를 한번에 추가할 수도 있음

days.unshift('mon', 'tue', 'wed');

6. splice : 원하는 index의 요소 삭제, 추가

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];
daysOfWeek.splice(1, 1); // index가 1인 요소부터 1개를 삭제
console.log(daysOfWeek); // ['mon', 'wed', 'thu', 'fri', 'sat']
daysOfWeek.splice(1, 1, 'sun'); // index가 1인 요소부터 1개를 삭제하고 그 자리에 'sun'을 추가
console.log(daysOfWeek); // ['mon', 'sun', 'thu', 'fri', 'sat']

*daysOfWeek.splice(1, 0, 'sun'); 와 같이 두 번째 매개변수가 0이면 지우지 않고 해당 index 자리에 뒷 요소를 추가하기만 함

7. concat : 배열 합치기

const spring = ["March", "April", "May"];
const summer = ["June", "July", "August"];
const ss = spring.concat(summer); // 새 배열 반환
console.log(ss); // ['March', 'April', 'May', 'June', 'July', 'August']

---

array에서 검색하기

1. indexOf, includes

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];
console.log(daysOfWeek.indexOf('tue')); // 1
console.log(daysOfWeek.includes('tue')); // true
console.log(daysOfWeek.indexOf('sun')); // -1
console.log(daysOfWeek.includes('sun')); // false
// indexOf를 사용했을 때 해당 요소가 없으면 -1 출력

2. lastIndexOf

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "mon"];
console.log(daysOfWeek.indexOf('mon')); // 0
console.log(daysOfWeek.lastIndexOf('mon')); // 6

---

array와 반복

1. for 반복문

let days = ['mon', 'tue', 'wed'];
for(let index=0; index < days.length; index++){
    console.log(days[index])
} 
// mon, tue, wed

2. for... of 반복문

let days = ['mon', 'tue', 'wed'];
for(let x of days){
    console.log(x);
} // mon, tue, wed

*x로 days 배열의 요소에 접근 가능

3. .forEach 사용

배열의 각 요소들마다 전달하는 함수를 실행함

let days = ['mon', 'tue', 'wed'];
days.forEach((x) => console.log(x)); // mon, tue, wed