JavaScript - 배열 , 객체

배열

다량의 데이터를 다룰 수 있는 배열
배열을 잘 다루기 위해서는 배열의 요소를 추가하거나 변경, 삭제하는 방법을 확실하게 학습해야한다.

 

배열의 기초

let myNumber = [73, 98, 86, 61, 96]

 

인덱스(index)	[0]	[1]	[2]	[3]	[4]
요소(element)	[73]	[98]	[86]	[61]	[96]

 

myNumber[3]; // 61

 

myNumber[3] = 200; // 3번째 요소를 200으로 변경

 

 

배열의 반복

for(let n = 0; n < myNumber.length; n++)

 

배열의 메서드

console.table(myNumber)     // 배열의 표로 보여줌
Array.isArray(myNumber)      // true, 어떠한 데이터가 배열인지 아닌지 판별
myNumber.push('pre')           // 맨 끝에 추가
myNumber.pop()                   // 맨 끝 값을 가져오며 삭제
myNumber.unshift('creative') // 맨 앞에 추가
myNumber.shift()                   // 맨 앞 값을 가져오며 삭제
myNumber.indexOf('73')        // 요소의 인덱스를 리턴, 없으면 -1
myNumber.includes('73')       // true or false를 리턴, 범용성 및 호환성 측면에서 indexOf 우월하다.

 

 

객체

각기 다른 값을 가질 수 있지만, 입력해야하는 데이터의 종류가 동일한 경우 객체를 사용하면 좋다.

 

객체의 기초

객체는 키콰 값의 쌍으로 이루어져 있다.

let user = { firstName : 'Steve', lastName: 'Lee', age: '18' }

 

객체의 메서드

1.Dot / Bracket notation

user.firstName; // 'Steve', Dot notation
user['firstName']; // 'Steve', Bracket notation
user[firstName]; // key값이 변수일 경우에는 ' ' 을 걷어내고 사용한다.

2. 추가 / 삭제 / in

user.city = 'Busan' // Dot notation을 이용하여 추가
user.['city'] = 'Busan' // Bracket notation을 이용하여 추가
delete user.city // delete를 이용하여 삭제
'city' in user; // true, in 연산자를 이용해 해당하는 키가 있는지 확인할 수 있다.