Array 배열 , Object 객체

● Array (배열)

☞ 한개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용함.

아래와 같은 코드를 보고 좀 더 쉽게 구현 해보자.

const mon = "Mon";
const tue = "Tue";
const wed = "Wed";
const thu = "Thu";
const fri = "Fri";

console.log(mon, tue, wed, thu, fri);

// 결과 : Mon , Tue, Wed, Thu, Fri

위와 같이 나열된 코드를 배열로 이용해보자면 ,

const daysOfWeek = ["Mon", "Tue" , "Wed" ,"Thu" ,"Fri", "Sat", "Sun"];

console.log(daysOfWeek[2]);
//결과 : Wed

위처럼 배열을 이용해 간단하게 작성 가능하다.

※ 배열로 선언 하려면 대괄호 [] 안에 요소 를 넣어주면 된다.
(요소란? 배열 [대괄호] 안에 들어있는 값들 .)

※요소와 요소 사이에는 쉼표 ','로 구분한다.

※요소 자리에는 String , Number , Array 모두 가능하다.

※ 원하는 값을 불러오고싶으면 해당 변수의 [몇번째] 값을 입력해주면 불러올수있다.

※배열의 요소는 순서 (index)를 갖고 있다.

※ 컴퓨터는 숫자를 1부터 세지 않고 0부터 셈.

예를 하나 더 들어보자.

let ex = ["서울",2020,["치킨","게장",2]];

-String형인 "서울"은 index가 0
-Number형인 2020은 index가 1
-Array형인 ["치킨","게장",2]은 index가 2이다.

각각의 결과는??

console.log(ex[0]); // '서울'
console.log(ex[1]); // 2020
console.log(ex[2]); //[ '치킨', '게장', 2 ]
추가로 
console.log(ex[0]+"사람이에요!"); //서울사람이에요!
이렇게도 가능하고 
console.log(`${ex[0]}사람이에요!`); //서울사람이에요!
이렇게도 가능하다 .

※ 백틱(`) (물결표(~)있는칸) 으로 열고 닫음.

출처 : 위코드

● Object (객체)

☞ 현실의 사물을 프로그래밍에 반영.

아래 코드로 객체를 활용해보자.

const Roy = {
  firstName : 'Roy',
  lastName : 'Lee'
};

cosole.log(Roy);
// 결과 : { firstName: 'Roy', lastName: 'Lee' }

• Key & Value / 키 와 값

위 코드의 객체를 보면 : (콜론) 을 기준으로 왼쪽을 Key(키), 오른쪽을 (Value)라고 한다.
즉 , firstName , lastName 은 'Key(키)' / 'Roy', 'Lee'는 'Value(값)이 된다.

const Roy = {
  name : 'Roy Lee',
  age : 29 ,
  gender : 'Male',
  favFood : ['hamberger', 'chicken', 'dounut']
}

console.log (Roy); , or Roy
두개중 하나를 입력해도 결과 값은 같음.
/* 결과 :
{
  name: 'Roy Lee',
  age: 29,
  gender: 'Male',
  favFood: [ 'hamberger', 'chicken', 'dounut' ]
}

*/

참고사이트 (노마드 코더 , zerocho)

zerocho

노마드 코더