JavaScript #1.1 - Organizing Data with Arrays & Objects

SUM·2020년 9월 14일
0

오정보가 있거나 오타가 있을시 코멘트 해주시면 감사하겠습니다.
더 열심히 알아가는 기회를 만들어주시면 감사하겠습니다.


Array 정렬은 여러 String을 리스트화한다.

방법은 아래와 같다. (브라켓 사용 : [])


const kindOfBurger = ["Hamburger", "Chickenburger", "Cheeseburger", "Vageburger"];

console.log(kindOfBurger); // 출력 : ["Hamburger", "Chickenburger", "Cheeseburger", "Vageburger"]
  • Boolean값이든 숫자든 원하는 것을 추가 시킬 수 있다.
const kindOfBurger = ["Hamburger", "Chickenburger", "Cheeseburger", "Vageburger", true];

console.log(kindOfBurger); // 출력 : ["Hamburger", "Chickenburger", "Cheeseburger", "Vageburger", true]
  • 여기서 정렬된 요소중에 어느 부분만 출력되길 원한다면 아래와 같이 console.log를 작성하면 된다.
const kindOfBurger = ["Hamburger", "Chickenburger", "Cheeseburger", "Vageburger"];

console.log(kindOfBurger[3]); // 출력 : ["Vageburger"]
  • 4번째에 저장된 Vageburger가 나온다. 이유는 컴퓨터는 0부터 카운트하기 시작한다.
    이러한 이유로 0 1 2 3 의 순서로 Vageburger가 나온다.

Objects 정렬은 string을 주제별로 정렬해준다.

방법은 아래와 같다. (컬리 브라켓 사용 : {})


const whatAboutHong = {
	name:"Hong",
  	age:34,
  	gender:"male"
  	marriage:false
}
console.log(whatAboutHong); // 출력 : {name: "Hong", age: 34, gender: "male", marriage: false}
  • 여기서 정렬된 요소중 age부분만 출력하고 싶다면 아래와 같이 console.log를 작성한다.
const whatAboutHong = {
	name:"Hong",
  	age:34,
  	gender:"male"
  	marriage:false
}
console.log(whatAboutHong.age); // 출력 : 34
  • 여기서 age의 값을 변경하고 싶으면 아래와 같이 작성한다.
const whatAboutHong = {
	name:"Hong",
  	age:34,
  	gender:"male"
  	marriage:false
}

whatAboutHong.age = 40

console.log(whatAboutHong.age); // 출력 : 40
  • 여기서 재밌는 점은 const 자체는 변경이 불가능 하지만 block 안에 있는 값은 변경 할 수 있다는 점이다.

-니꼬쌤에게 배운 부분들 정리하기-

profile
#코린이탈출#프론트엔드준비

0개의 댓글