Roxylife
Roxy 빛나는 새벽
Roxylife
전체 방문자
오늘
어제
  • 분류 전체보기
    • 개발(회고록)현황일기
    • 개발CS지식
    • 알고리즘문제풀기
    • Git
    • 개발언어
      • HTML, CSS
      • JavaScript
    • 프론트엔드
      • React
    • Side Project
      • 혼자Project
      • 팀Project
    • 교육참여
      • [스파르타코딩클럽]
      • [저스트코드]

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 개발
  • JUSTCODE6기
  • 바닐라JS크롬앱
  • 기업협업
  • 코코아톡클론
  • 코딩교육
  • JavaScript
  • 드림코딩
  • 스파르타코딩클럽
  • 저스트코드
  • 노마드코더
  • 저스트코드6기
  • JUSTCODE
  • 신년운세코딩패키지
  • git
  • 팀프로젝트
  • 힙한취미코딩이벤트
  • 스파르타코딩클럽후기
  • 회고록
  • 스터디코드

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Roxylife

Roxy 빛나는 새벽

Array [설명이 필요하지 않은 데이터 리스트들]
개발언어/JavaScript

Array [설명이 필요하지 않은 데이터 리스트들]

2021. 8. 24. 16:05

array 목적: 하나의 variable안에 데이터의 list를 가져오는 것!!!

array 기본

array나열하는 방법에는 []를 사용한다. 그리고 array안의 각 항목에는 쉼표(,)를 붙여 분리할 것.
콘솔창에서 이렇게 나온다.

console.log추출방법

1.

const mon = "mon";
const tue = "tue";
const wed = "wed";
const thu = "thu";
const fri = "fri";
const sat = "sat";
const sun = "sund";

const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun];

console.log(daysOfWeek);

2.

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];

console.log(daysOfWeek);

위2가지 방법으로 같은 결과값을 가져온다.

array안에 항목 하나만 추출하고 싶을 경우, ()안에 추출하고 싶은 []을 넣는다.

 


array에서 아이템을 받아오고 싶고, array안에 요일을 더 추가하고 싶을 때

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

// array에서 아이템 받아오기
console.log(daysOfWeek);

// array안에 요일 더 추가하기
daysOfWeek.push("sun");

console.log(daysOfWeek);

예제1. 사야할 것 리스트에서 김밥을 추가하고 싶을 때

const toBuy = ["potato", "tomato", "orange"];
toBuy.push("kimbab");

console.log(toBuy);

예제2. 사야할 것 리스트에서 2번째 항목을 불러오고 싶을 때

const toBuy = ["potato", "tomato", "orange"];
console.log(toBuy[2]);

예제3. pizza항목을 water로 업데이트 하고 싶을 때

const toBuy = ["potato", "tomato", "pizza"];

console.log(toBuy);
toBuy[2] = "water";
console.log(toBuy);

예제4. meat를 추가할 땐,

const toBuy = ["potato", "tomato", "pizza"];

console.log(toBuy);
toBuy[2] = "water";
console.log(toBuy);
toBuy.push("meat");
console.log(toBuy);

'개발언어 > JavaScript' 카테고리의 다른 글

Function(코드를 캡슐화해서, 실행을 여러번 가능)  (0) 2021.08.25
Objects [설명이 필요한 정보가 담긴 데이터 리스트들]  (0) 2021.08.24
Booleans(true,false,null, undefined)  (0) 2021.08.24
Variable을 만드는 방법(const,let,var)  (0) 2021.08.24
JavaScript 기본 및 설정  (0) 2021.08.24
    '개발언어/JavaScript' 카테고리의 다른 글
    • Function(코드를 캡슐화해서, 실행을 여러번 가능)
    • Objects [설명이 필요한 정보가 담긴 데이터 리스트들]
    • Booleans(true,false,null, undefined)
    • Variable을 만드는 방법(const,let,var)
    Roxylife
    Roxylife
    꿈나무 FE개발자

    티스토리툴바