본문 바로가기

프론트엔드/javascript

javascript (1)

* 변수

const = 변하지 않는 변수 - 재선언, 재할당 금지

let = 변할수 있는 변수 - 재선언 금지, 재할당 가능

var = 모든게 변할 수 있는 변수 - 재선언, 재할당 가능

 

var는 javascript 초기에 만드러진 변수로 재선언, 재할당이 모두 가능

고정 값을 바꿨을 때 한번에 알기 어려움. 잘 안씀!

//let 재할당 가능 
let myName = "cookie";
myName = "cooki";

//var 재선언,재할당 가능
var a = b;
var a = c;
a = d;

 

* 배열 array

데이터를 정리하는 방법

[숫자, 변수, string, boolean, null];

const dogName = ["cookie", "mong", "Rnag"];

//배열 중 하나만 접근할 때
console.log(dogName[2]);

//배열 값 추가할 때
dogName.push("woo");

 

* 오브젝트

배열은 같은 속성의 나열만 취급, 다양한 속성의 여러개의 변수가 있을 경우 오브젝트로 만들어서 관리

const 속성값을 업데이트할 수 있음

//게임캐릭터 속성 지정 ver.변수 (보기힘듦)

const playName = "cooki";
const playPower = 100;
const playFat = false;


//ver.list (뭔가뭔지모름)

const player = ["cooki", 100 , false];


//ver.object (good)

const player = {
          name : "cooki",
          power : 100,
          fat : false

};

 

//object 접근할 때

const player = {
          name : "cooki",
          power : 100,
          fat : false

};

console.log(palyer.name);
console.log(palyer["name"]);

//object 업데이트할 때

player.fat = true;

//object 속성 추가

player.lastName = "choi";


 

반응형

'프론트엔드 > javascript' 카테고리의 다른 글

javascript (6) - click event, window event  (0) 2023.04.03
javascript (5) - querySelector  (0) 2023.04.03
javascript (4)  (0) 2023.03.31
javascript (3) - object, function 계산기만들기  (0) 2023.03.30
javascript (2)  (0) 2023.03.30