상세 컨텐츠

본문 제목

js array, objects, function

웹/js

by nownow 2022. 6. 23. 01:51

본문

자바스크립트 배열

const array1 = ["mon","tue","wed"]

와 같이 선언. 0부터센다.

array1[0] == "mon"

array1.push(4)  // array1의 맨 뒤에 4 라는 항목을 추가함.

위와같이 요일을 표기하는 경우 배열이 한 주제로 있다.

 

자바스크립트 object

하지만 케릭터의 상태를 배열에 넣으려고 하는 경우

const character = ["Nick",100]

과 같은 배열일때 각 요소가 어떤 부분인지 구분 필요 

이때 object 사용

const character = {

name:"Nick",

hp:100

}

과 같이 선언

= 대신 : 사용, 

 ; 대신 , 사용

사용할때 character.name 과 같이 사용

object를 사용할때 const로 변수를 선언했어도 내부 object 내용을 바꾸는 것은 허용된다.

object를 추가하는 것도 가능

character.level=10;

 

자바스크립트 함수

function cal(first,second) {
    console.log(first+second)
}
cal(2,3)

덧셈계산함수 

인자(first,second)는 함수속에서만 access

 

const calculator ={
    add: function(a,b){
        console.log(a+b)
    }
    ,
    minus: function(a,b){
        console.log(a-b)
    }
    ,
    square: function(a,b){
        console.log(a**b)
    }
    ,
    divide: function(a,b){
        console.log(a/b)
    }
}
calculator.add(2,2);
calculator.minus(2,2);
calculator.square(2,2);
calculator.divide(2,2);

object 속에 함수

 

 

' > js' 카테고리의 다른 글

js 내용 저장하기 local storage  (0) 2022.06.27
js input 활용  (0) 2022.06.26
js html 접근, 이벤트  (0) 2022.06.25
js 조건  (0) 2022.06.24
html과 css, js 연결하기  (0) 2022.06.22

관련글 더보기