Wanna be Brilliant Full-Stack Developer

JavaScript Recap (Variable , Array , Function ) 본문

Front-End

JavaScript Recap (Variable , Array , Function )

Flashpacker 2022. 2. 10. 01:36
const a = 5; 
let isNicoFat = false;

isNicoFat = true;
const a = 5; 
const isNicoFat = false;

const 는 우리가 값을 업데이트 하지 못하게 한다.

 

let 은 업데이트를 할수 있다. 

 

규칙이 있는데 항상 const를 사용하되 가끔식 필요하다면 let을 사용하고 절대로 var을 사용하지말라

The rule is Always use const , Sometimes use let when you need to , but you never ever ever use var

boolean has only two options , True and False 

null 은 변수에 할당되는 값인데 만약 variable 안에 아무것도 없다는 것을 확실히 해두고 싶으면 사용 가능하다.

프로그래머가 null이라고 작성해사 말 그래도 여기는 "비어있다" 고 하고 싶을때 사용 

undefined , 변수에 값을 부여하지 않은 상태 

ex) let hello; console.log(hello); -> undefined 값이 아예 전혀 없다는 것

만약 let hello = null; 은 그러면 " 비어있음" 이 들어있는것 undefined와는 다르다 

 

 

배열(Array) : 때떄로 우리는 하나의 variable안에 많은 수의 데이터를 가지고 싶을떄가 있다.

가장 좋은 예시 중 하나는 한주의 요일을 저장하는것? 

const me = "sexy"
const days = [1, 2, false, true, null, undefined, "text", me];

array 안에는 우리가 원하는 모든것을 넣을수 있다. 

days라는 variable을 사용하는 어디에서든 모든 데이터가 있는거가 안에있는것 

 

const toBuy = ["potato", "tomato" , " pizza:]; 

컴퓨터는 0 부터 시작하기 때문에 0 , 1 , 2 

내가 만약에 pizza를 받고 싶으면

console.log(toBuy[2]);

 

무언가를 배열에 업데이트 하고 싶으면 

console.log(toBuy[water]);

const toBuy = ["potato", "tomato" , " pizza:]; 


console.log(toBuy);
toBuy[2] = "water"
console.log(toBuy);

우리는 또한 array에 뭔가 추가할 수 있다는것을 알게 되었다.

toBuy.push("meat") 로 추가하고 console.log(toBuy) 를 하면  : push는 array 끝에 item을 하나 더 추가하는것 

 

Object의 item을 가져오는 방법?!

const player = {
    name: "Dowon",
    age: 29,
};
console.log(player);
player.name = "Barnabas";
console.log(player);

또한 object를 만든 이후에 , object안에 새로운 item (property) 을 만드는 것도 가능하다!

player.sexy = "soon";

console.log(player); 

 

Function 안에 미리 data를 넣어두는 것보다 function 밖에서 data를 넣을 수 있게 하는 것이 훨씬 낫다고 하는데 왜냐하면 function 의 목적은 여러 가지 일을 같은 코드로 하기 위함이기 때문!

 

'Front-End' 카테고리의 다른 글

JavaScript Searching For Elements!  (0) 2022.02.10
JavaScript On the Browser!  (0) 2022.02.10
JavaScript Conditionals (조건문)  (0) 2022.02.10
JavaScript Returns  (0) 2022.02.10
JavaScript Functions & Arguments  (0) 2022.02.10