Javascript 4일차

Array (배열)

: 데이터타입 중 하나인 군집형이다. 군집형이란 데이터 하나에 여러 객체가 들어가 있는 것을 말한다.

  대입연사자 뒤에 붙는 친구이다

 

배열을 나타내는 방법

let arr = [ ]

arr = [10]

console.log(arr); // [10] length

length : 1 -> 데이터공간에 데이터 하나가 있다는 뜻

 

배열의 length를 알아내고 싶다!

console.log(arr.length); // 1

 

typeof : 내가 현제 어떠한 데이터타입을 가지고 있는지 확인할 수 있다

console.log(typeof arr.length) // number

console.log(typeof arr)         // array

 

문자 배열

let str = ['철수는 부자다']

console.log(str); // ['철수는 바보다']  배열로 나타낼 수 있다.

 

Push

배열 안에서 뒤에다 값을 하나 추가하고 싶을 때 쓰는 행위이다.

let arr =[ ]

arr = [10,20,30,40,50,60]

console.log(arr);

여기서 arr배열안에다가 70을 추가하고 싶을 때

 

arr.push(70);

console.log(arr);  // [10, 20, 30, 40, 50, 60, 70]

 

알아둬야할 점!

method는 뒤에 ( )이 붙고            -> 동사같은 느낌

속성은      뒤에 ( )이 붙지 않는다!  -> 명사같은 느낌

 

ex) console.log(arr)  -> log(arr)이 로그라는 method이다.

 

 

배열안에 있는 숫자를 불러내고 싶을 때??

let arr =[ ]

arr = [10,20,30,40,50,60]

console.log(arr); 

console.log(arr[0]); // 10
console.log(arr[1]); // 20
console.log(arr[2]); // 30

 

object (객체)

array와 같은 군집형

변수 하나에 데이터를 여러개 집어넣는다.

객체는 개체 안에 있는 주소를 문자열로 처리가 가능하다. <--> 배열과 객체의 차이점

let nick = { }

nick = {name: "juchan"}



console.log(nick["name"])  //juchan

console.log(nick.name)     //juchan  -> 이 방법을 많이 쓴다.

 

 -> ' . '은 부모코드 안에 속한 것을 표현할 때 쓴다.

 ex) #header > #container 처럼 #header 안에 속한 #container 를 불러오는 것처럼!

     

console.log(nick.name)은 nick 안에 속한 name을 사용하기 위해 ' . '을 쓴다!

 

console.log에 있는 ' . ' 도 같은 의미로 볼 수 있다. console 안에 있는 method인 log를  사용하는 것이다.

 

 

 

 

아래의 표를 보고 method, 속성 값, ' . ' 에 대해 알아보도록 하자.

nick = {
            name:"juchan",
            create: function(){ // 익명함수
                console.log('함수생성')
            },
            block:{
                index:1,
                nonce:1023,
            },
            list:[
                10,20,30
            ]
        }
        console.log(nick) //{name: 'juchan', blcok: {...}, list: array(3), create: ƒ}
        nick.create() // method
        nick.name     // 속성
        
        console.log(nick.block.nonce) // 1023 blcok내에 있는 nonce 값
        console.log(nick.list[1]) // 20
        console.log(nick.list.length)// 3