JavaScript 기본 문법 추가 1

하이루·2021년 11월 22일
0

var

--> 재선언 재할당 모두 가능
--> 가장 편하지만 코드량이 많아지면 덮어씌워지거나 하는 등의 오류 발생의 여지가 많음

ex)
var name = "ss"
console.log(name) // ss 출력

var name = "aa"
console.log(name) // aa 출력

--> name은 두번 선언(중복 선언)되었고 재할당도 되었지만 문제 없게 출력되었다.


**이후 var의 문제의 여지를 줄이기 위해 ES6버전부터 나타난 선언방식이 let과 const이다.


let

재선언 불가, 재할당 가능

ex)
let name = "ss"
console.log(name) // ss 출력

let name = "aa" // 이미 위에서 name변수가 선언되었다는 메세지 출력
console.log(name)

const

재선언 불가, 재할당 불가

ex)
const name = "ss"
console.log(name) // ss 출력

const name = "aa" // 이미 위에서 name변수가 선언되었다는 메세지 출력
console.log(name)

ex2)
const food = "ww"
food = "aa" // food는 const선언이므로 재할당이 불가능하다는 메세지 출력

변수 할당 방식

일반적인 할당

var age = 20; 
console.log(age); // 20

var name = "John Doe";
console.log(name); // John Doe

var personArray = ["John Doe", 20];
console.log(personArray[0]); // John Doe
console.log(personArray[1]); // 20

var personDict = {"name": "John Doe", "age": 20}
console.log(personDict["name"]); // John Doe
console.log(personDict["age"]); // 20

조건문

var personDict = {"name": "John Doe", "age": 20}

if (personDict["age"] > 19) {
    console.log("Here is your beer!");
} else {
    console.log("Get out!");
}

--> 삼항 연산자 조건문 : https://velog.io/@odesay97/JSX-%ED%91%9C%ED%98%84%EC%8B%9D-%EC%A1%B0%EA%B1%B4%EB%AC%B8

반복문

var personArray = [     
	{"name": "John Doe", "age": 20},
	{"name": "Jane Doe", "age": 19},
                                    ];

for (var i = 0; i < personArray.length; i++) {
    if (personArray[i]["age"] > 19) {
        console.log("Here is your beer! ", personArray[i]["name"]);
    } else {
        console.log("Get out! ", personArray[i]["name"]);
    }
}
// Here is your beer! John Doe
// Get out! Jane Doe

--> 특정 상황에 사용하는 map 반복문 : https://velog.io/@odesay97/%EC%95%B1-%EA%B0%9C%EB%B0%9C%EC%97%90-%EC%9E%90%EC%A3%BC-%EC%93%B0%EC%9D%B4%EB%8A%94-JavaScript-3

함수

function isValidAge(person) {
    if (person["age"] > 19) {
        return true;
    } else {
        return false;
    }
}

var personArray = [
	{"name": "John Doe", "age": 20},
	{"name": "Jane Doe", "age": 19},
                                    ];

for (var i = 0; i < personArray.length; i++) {
    if (isValidAge(personArray[i])) {
        console.log("Here is your beer! ", personArray[i]["name"]);
    } else {
        console.log("Get out! ", personArray[i]["name"]);
    }
}

// Here is your beer! John Doe
// Get out! Jane Doe

--> 리터럴 함수 선언 : https://velog.io/@odesay97/JavaScript-%EA%B8%B0%EB%B3%B8-%EB%AC%B8%EB%B2%95-3

profile
ㅎㅎ

0개의 댓글