[Vanilla JS]크롬 클론코딩(1)

chaeem·2021년 4월 20일
0

JS

목록 보기
1/6
post-thumbnail

변수
:변할 수 있는것 변경할 수 있는것

모든 expression은 한줄에 있어야함.

변수를 생성->초기화->사용
변수 생성할때 let을 쓰로 선언해주면 됨
let을 사용해서 변수를 선언해주면, 다음에 또 같은 변수에 다른 값을 지정해주게 되면
변수가 변경됨. 이러한 문제를 해결하기 위해 다른용어로 변수를 선언해줄 수 있음.

const:상수라는 의미! 안정적임. 변하지 않음
다른사람이 변수를 바꿀 수 없게 하려면 const 사용

변수에 넣을 수 있는 데이터 종류
string
boolean->"" 없이 사용(not text) // true=1 , false=0
number(float(소수점도 가능))

배열[Array]만드는 방법
[]: 이 사이에 넣는 것이 배열이 되는 것
const dayOfWeek = ["Mon", "tue"];
console.log(dayOfWeek);
-> 이렇게 하면 배열이 생성되고, 출력값으로 ["Mon", "tue"]를 화면상에서 볼 수 있다.

만약, 1번값인 "true"를 호출하고 싶으면,
console.log(dayOfWeek[1]); 이렇게 하면,
tue를 호출할 수 있다.

심지어는 변수를 또 넣어서 출력할 수 도 있다.

const something = 'Something'

const dayOfWeek = ["Mon", "tue", something];
console.log(dayOfWeek);이렇게 하면,
["Mon", "tue", something] 오류 없이 이 값이 출력됨

object로 변수 배열
object array 차이점 ! 오브젝트는 각각의 변수에 이름을 지정해줄 수 있다!
선언 방식 {}

const chaemInfo = {
name:'chaem',
age:25,
gender:'female',
ishandsome:true
}

console.log(chaemInfo.gender);
-> gender값만 출력됨

array를 object에 넣을 수 있다.

<<코드연습>>
https://replit.com/join/krzbvqsp-chae7

profile
FE개발 공부중

0개의 댓글