01. 배열(array)이 필요한 이유와 선언하는 방법

  • 배열(array)이란 무엇일까?
    연관되어 있는 데이터를 모아서 하나의 으로 관리하기 위해서 사용하는 데이터 타입(복수의 데이터하나의 변수에 저장하기 위함)

  • 배열(array) 선언 방법
let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바'];
console.log(여름음식) --- [냉면, 콩국수, 수박, 오이냉국, 메밀소바]

- 여름음식이라는 변수에 냉면,콩국수,수박,오이냉국,메밀소바를 묶어    하나의 변수로 만들어 보았다.😉😉
- 여름음식에는 배열의 순서(index)가 있다. 총 5개의 데이터로 구성되어    있지만 순서는0~4까지 이며 냉면 ~ 메밀소바까지의 순서로 이해하면    된다.
👉 0번 인덱스 = 냉면 4번 인덱스 = 메밀소바

  • 배열의(array) 요소
    (1) 요소 접근
let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바'];
let 지금가장먹고싶은것 = 여름음식[2]
console.log(지금가장먹고싶은것) === "수박"

👉 2번 인덱스 = 수박
   (2) 요소의 수정

let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바'];
여름음식[3] = '팥빙수'
console.log(여름음식) === ['냉면', '콩국수', '수박', '팥빙수', '메밀소바']

👉 3번 인덱스 = 오이냉국팥빙수
   (3) 요소의 추가

let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바'];
여름음식.push('수박화채')
console.log(여름음식) === ["냉면", "콩국수", "수박", "오이냉국", "메밀소바", "수박화채"]

👉 5번 인덱스 = 수박화채가 추가되었다.
   (4) 요소의 삭제

let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바'];
여름음식.pop() // 가장 뒤에 있는 글자부터 삭제가 된다.
여름음식.shift() // 가장 앞에 있는 글자부터 삭제가 된다.

👉 이외에도 여러가지가 있으니 찾아보고 보충할 수 있도록 하자

  • 배열의 길이구하기
let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바'];
console.log(여름음식.length) === 5

👉 변수.length = 배열의 길이

  • 중첩배열
let 여름음식 = ['냉면','콩국수','수박',['삼계탕','참외','멜론'],'오이냉국','메밀소바'];
console.log(여름음식) === ["냉면", "콩국수", "수박", ["삼계탕", "참외", "멜론"], "오이냉국", "메밀소바"]

🏆여기서 Quiz 🏆
Q. 3번 인덱스의 값은?               A : ["삼계탕", "참외", "멜론"]

  • slice 메서드
  1. slice 메서드의 특징
    - 배열 내의 특정한 요소의 index 범위에 따라 새로운 배열을 리턴한다.
    - 원본 배열을 변형시키지 않는다.(splice와 반대되는 개념)
    - 새로운 변수를 선언해야 한다.
  2. 선언 예시
let nums = [1,2,3,4,5]
let nums_new = nums.slice(1,4) → 2,3,4 출력
음수일 경우 
let nums = [1,2,3,4,5]
let nums_new = nums.slice(-2)  → 뒤에서부터 2개 나옴

오늘도 하나의 기술로그를 작성해냈다!!💪💪💪💪
오늘은 배열과 반복문에 대해서 공부를 했지만, 모든 내용을 이해하진 못했기 때문에, 사전스터디 키워드 1번을 작성해 보는 것으로 하고 나름대로 내용 작성을 위해 노력했다.🙏
오늘보다 내일이 더 발전된 모습을 만들 수 있도록 꾸준하게 노력해야겠다. 오늘은 여기까지!👍👍

profile
발전하고 싶은 프론트엔드 개발자 입니다 :)

0개의 댓글