변수란?
변수==Variables
메모리에 하나의 값을 저장할수 있는 공간
프로그램 실행 도중 변경이 가능합니다.
a=225 //a라는 변수에 225의 값을 입력
b= a-6 //b라는 변수에 a(225)-6 의 값을 입력
console.log(b) //219라는 값이 출력됩니다.
변수생성 시 변수생성, 초기화, 사용 하면 되는데 생성과 초기화를 동시에 할 수도 있습니다.
위의 예시는 변수 a를 생성하고 숫자 225로 초기화 한 후 나중에 사용한 결과입니다.
let a = 221;
let b = a-5;
console.log(b);
변수의 시작에 let를 쓰는 이유는 변수의 종류가 두 가지라 이를 구분하기 위해 사용합니다.
변수는 변하는 값이기 때문에 작업을 할때 실수로 값을 바꿔버리는 경우가 있을 수 있는데 이를 해결하기 위해 let 대신 const를 사용합니다.
const==constant==상수
이고 상수는 '변하지 않는 수' 입니다.
const what = "sunah"; //상수를 만든다
what="1"; //상수를 변경하려한다
console.log(what);
Uncaught TypeError: Assignment to constant variable.
라는 오류가 발생하는데 '상수에 변수를 대입'하려고 하니까 뜨는 에러입니다
const를 없애거나 let, ver로 변경하면 해결됩니다.
변수를 선언할 때는 기본적으로 const를 쓰는것이 좋고, let는 필요할 때만 쓰는것이 좋습니다.
변수 뒤에 올 수 있는 정보로는 String, Boolean, Number, Float 가 있습니다.
String 는 " 로 시작해서 " 로 끝이나야 합니다.
const ca =su;
console.log(ca);
Uncaught ReferenceError : su is not defined
su 가 어딘가에 있는데 찾을수 없다는 오류입니다.
왜냐면 아직 존재하지 않으니까요
"su"라고 고쳐주면 문제없이 실행됩니다.
" " 안에 들어가는 문자는 텍스트로 저장됩니다. 그렇기 때문에 연산은 형변환을 해줘야합니다.
Boolean 은 참 거짓(true/false)을 쓸 때 사용합니다.
const wat =true;
const what =false;
console.log(wat);
Number 는 숫자입니다.
const wa=666;
console.log(wa);
Float는 소숫점을 가진 숫자입니다.
const w=55.1;
console.log(w);
우리는 이런 데이터타입(String, booean, number, float)을 정렬할 수 있습니다.
Array 와 Object로요
Array는 데이터를 저장하는 곳으로, 리스트같이 저장합니다.
여러 데이터들을 하나로 묶는 역할을 하는데 데이터를 []부호로 감싸면 됩니다.
const dayOfWeek = ["Mon","Tue", "Web","Thu","Fri","Sat","Sun",true, 23.1, 233, sumething];
//day of week로 변수명을 지정하지 않는 이유
//스페이스나 특수문자를 넣을 수 없기 때문에 처음 시작은 소문자 스페이스가 필요한 단어의 첫 글자를 대문자로 입력합니다.
Array에서 필요한 정보를 가져오기위해서는 0~x 중에 해당 번지에 맞는 숫자를 입력하면 됩니다.
Object는 실제 객체를 만드는 것입니다.
각 value에 이름을 부여해야만 하고 사용하고 싶을땐 {} 을 사용해줍니다.
object안에 array를 넣어도 됩니다.
const sunahInfo = { sunahInfo라는 오브젝트{}안에 객체를 생성해줍니다.
name:"sunah", //name으로 변수선언을하고 "sunah"라는 값을 넣어줍니다.
age:33,
gender:"W",
favRenguge: ["korean","jpan","eng","java"],
favFood: [{name:"susi", fatty:false},
{name:"mellon", fatty:true}]
}
사용할 때는
console.log(sunahInfo.name); (object이름.객체명)으로 사용합니다.
object안에있는 객체의 리스트를 사용하고 싶을때는
console.log(sunahInfo.favFood[0].name); (오브젝트이름. 객체명[].객체명)으로 불러옵니다.
object안에 있는 객체는 초기화할 수 있지만 object 자체는 변경할 수 없습니다.
이런식으로 DB에서 가져온 데이터가 리스트라면 Array를 사용하고, 데이터를 합쳐서 만들어야 한다면 Object를 사용하변 됩니다.
'vanila.js' 카테고리의 다른 글
| js에서 리스트저장 (0) | 2020.12.02 |
|---|---|
| 시계만들기 (0) | 2020.11.28 |
| function (0) | 2020.11.26 |