본문 바로가기
TIL/Code States

Code States 10일차 - 배열, 객체

by 죠르띠에 2021. 7. 30.

배열

배열은 순서가 있는 값이다.

값은 요소(element)라고 한다.

순서는 인덱스(index)라고 부르며, 1이 아닌 0부터 번호를 매긴다.

 

배열 선언하기

// 대괄호로 선언하기
let myNumber = [73, 98, 86, 61, 96];

// Array 생성자로 선언하기
let myNumber = new Array(73, 98, 86, 61, 96);
// 값은 인덱스로 접근한다.
// "myNumber라는 배열의 3번째 인덱스"를 조회하려면
myNumber[3]; // 61

// "myNumber라는 배열의 3번째 인덱스"의 값을 변경하려면
myNumber[3] = 200;
myNumber; // [73, 98, 86, 200, 96];

// myNumber라는 배열의 길이를 알아내려면
myNumber.length; // 4

// myNumber라는 배열 끝에 96이라는 값을 추가하려면
myNumber.push(96);

// myNumber라는 배열 마지막 값을 삭제하려면
myNumber.pop();

// myNumber라는 배열의 첫번째에 값을 추가하려면
myNumber.unshift();

// myNumber라는 배열 첫번째 값을 삭제하려면
myNumber.shift();

 

특정 값이 배열에 포함되어 있는지 확인할 수 있는 indexOf, includes가 있다.

myNumber.indexOf(73) // 0
myNumber.indexOf(90) // -1
// 값이 포함되어 있으면 index 값을 리턴하고, 포함되어 있지 않으면 -1을 리턴한다.

myNumber.include(73) // true
myNumber.include(90) // false
// 값이 포함되어 있으면 true, 포함되어 있지 않으면 false

객체

키와 값 쌍(key-value pair)으로 이루어진 자료구조이다.

let user = {
  firstName : 'First',
  lastName : 'Last',
  email : 'email@email.com',
  city : 'city'
}

객체의 값을 사용하는 방법

// 방법 1 : Dot notation
user.firstName;  // 'First'
user.city;       // 'city'

// 방법 2 : Bracket notation
user['firstName'];  // 'First'
user['city'];       // 'city'

//bracket notation을 쓸 때에는, bracket 안쪽의 내용을 문자열 형식으로 전달해야 한다.


// dot/bracket notation을 이용해 값을 추가할 수 있다.
let tweet = {
  writer : 'Who',
  createAt : '2000-01-01',
  content : 'Good'
}

tweet['content'] = 'So So';
tweet.isPublic = true;
tweet.tags = ['who', 'am', 'i'];


// delete 키워드를 이용해 삭제가 가능하다.
delete tweet.isPublic;


// in 연산자를 이용해 해당하는 키가 있는지 확인할 수 있다.
'content' in tweet;   // true
'updateAt' in tweet;  // false