[Javascript] 2. 배열, 객체

[인프런x코드캠프] 훈훈한 Javascript - 인프런 | 강의

인프런 강의 "훈훈한 Javascript"를 보고 정리한 내용이며, 추가로 공부한 내용도 덧붙였습니다.

---

배열

순서가 있는 데이터 컬렉션을 저장할 때 사용. 배열은 대괄호를 사용하여 정의합니다.

 

let ranking = [“Jason”, “Alice”, “Chris”, “Jane”, “Tom”]

 

자바스크립트 배열의 index는 0부터 시작합니다.

 

let ranking = [“Jason”, “Alice”, “Chris”, “Jane”, “Tom”]

console.log(ranking[0]) // Jason 출력

 

배열의 method

  1. push()

    : 배열의 가장 뒤에, 원하는 데이터를 추가하는 명령어

 

let ranking = [“Jason”, “Alice”];
ranking.push(“Chris”); 

console.log(ranking) // [“Jason”, “Alice”, “Chris”]

 

  2. pop()

    : 배열의 가장 뒤에 있는 데이터를 삭제하는 명령어

 

let ranking = [“Jason”, “Alice”, “Chris”];
ranking.pop();

console.log(ranking) → [“Jason”, “Alice”]

 

  3. indexOf()

    : 특정 배열에 주어진 데이터의 인덱스 값을 반환

 

let ranking = [“Jason”, “Alice”, “Chris”];

console.log(ranking.indexOf(“Chris”)) // 2 출력

 

  4. includes()

    : 특정 배열에 주어진 데이터가 존재하는지 여부 확인. boolean 타입으로 반환

 

let ranking = [“Jason”, “Alice”, “Chris”];

console.log(ranking.includes(“Chris”)) // true 출력

 

객체

여러 개의 property를 가진 데이터. key와 value로 구성됨. python의 dictionary 타입가 유사

 

let userData = {
name: “Jason”,
age: 25,
gender: “Male”
};

 

 • 객체의 접근방법 2가지 : Dot Notation, Bracket Notation

    1. Dot Notation

 

let userData = {
name: “Jason”,
age: 25,
gender: “Male”
};

userData.name // “Jason”
userData.email = “Jason@test.com” // 객체 안에 email이란 키 값을 가진 변수에 "Jaso@test.com" 할당

 

    2. Bracket Notation

 

let userData = {
name: “Jason”,
age: 25,
gender: “Male”
};

userData[“name”] // “Jason”
userData[“email”] = “Jason@test.com” // 객체 안에 email이란 키 값을 가진 변수에 "Jaso@test.com" 할당

 

객체의 method

  1. keys()

    : 객체의 key를 가져와 배열로 반환

 

let userData = {
name: “Jason”,
age: 25,
gender: “Male”
};

console.log(Object.keys(userData)) // [“name”, “age”, “gender”] 출력

 

  2. values()

    : 객체의 값을 가져와 배열로 변환

 

let userData = {
name: “Jason”,
age: 25,
gender: “Male”
};

console.log(Object.values(userData)) // [“Jason”, 25, “Male”] 출력