고슴맨쉬
망치와 공(空)
고슴맨쉬
  • 분류 전체보기 (155)
    • 💡 UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • 🟨 JavaScript (66)
      • 개념 (42)
      • 정리 (2)
      • 문제풀기 (프로그래머스, 코딩애플) (15)
      • 응용하여 자동화or문제해결하기 (2)
      • 기타 (5)
    • ⚛️ React (49)
      • 개념 (27)
      • 개념(Redux) (3)
      • 정리 (4)
      • 문제풀기 (코딩애플: React) (15)
    • 📘 TypeScript (10)
      • 개념 (8)
      • 문제풀기 (코딩애플) (2)
    • 🌐 HTML,CSS (18)
      • 실무에서 자주 발생한 오류들 (10)
      • 뒤늦게 알아서 뼈아픈 유용한 CSS (6)
      • 기타 자주 쓰는 CSS (2)
    • 💻 CS (8)
      • CS (5)
      • 정규표현식 (2)
      • Git,Github (1)

태그

  • axios
  • CS
  • JavaScript
  • redux
  • state
  • CSS
  • Props
  • TypeScript
  • 프로그래머스
  • 삼항연산자
  • 오류
  • json
  • class
  • useEffect
  • UXUI
  • Ajax
  • react
  • 코딩애플
  • array
  • object
전체 방문자
오늘
어제
hELLO · Designed By 정상우.
고슴맨쉬

망치와 공(空)

🟨 JavaScript/개념

[코딩애플] 자료형 : Array, Object (특징과 차이점)

2023. 1. 18. 14:51

https://sunshineyellow.tistory.com/38 이거에 이어서..


Array 자료형

let car = ['소나타', 50000, 'white'];

순서개념이 있다.
-> 숫자영어가나다순 정렬(sort)/x번자료부터 x번자료까지 자르기(slice)/x번자료 바꾸기/맨 뒤, 맨 앞에 자료 넣기/원하는 자료 검색하는 등 다양한 기능 활용이 가능하다.


Object 자료형

let car2 = { name : '소나타', price : 50000 };

제목(key)가 들어간다.
순서개념이 없다. (앞에 썼다고 맨처음 데이터가 되는 게 아님)
-> key만 기억하면 자료 뽑을 때 array보다 쉽다.


object에서 자료 뽑는 법 두가지

console.log(car2['name']); //소나타
console.log(car2.name); //소나타

car2.[변수]형태는 안에 변수를 넣을 수 있다. car.name처럼 점으로 붙이면 변수를 넣을 수 없다.


출처 : 코딩애플 https://codingapple.com/ / MDN https://developer.mozilla.org/ko/

저작자표시 비영리 동일조건 (새창열림)

'🟨 JavaScript > 개념' 카테고리의 다른 글

[mdn, 코딩애플 등] for, forEach, for in  (1) 2023.01.31
[코딩애플,mdn] js로 html 생성하는 법 (appendChild, createElement, insertAdjacentHTML 등)  (0) 2023.01.18
[코딩애플,mdn 등] 이벤트버블링과 이벤트캡쳐링 및 관련 유용한 함수들  (0) 2023.01.16
[코딩애플] 요소의 높이와 위치값 구하기 (clientHeight, offsetHeight, scrollHeight, getBoundingClientRect())  (0) 2023.01.11
[코딩애플] 스크롤 이벤트  (0) 2023.01.11
    '🟨 JavaScript/개념' 카테고리의 다른 글
    • [mdn, 코딩애플 등] for, forEach, for in
    • [코딩애플,mdn] js로 html 생성하는 법 (appendChild, createElement, insertAdjacentHTML 등)
    • [코딩애플,mdn 등] 이벤트버블링과 이벤트캡쳐링 및 관련 유용한 함수들
    • [코딩애플] 요소의 높이와 위치값 구하기 (clientHeight, offsetHeight, scrollHeight, getBoundingClientRect())
    고슴맨쉬
    고슴맨쉬
    부수되 집착하지 않고, 이해하되 머무르지 않기

    티스토리툴바