1.string concatenation.
console.log('1'+1);//11
console.log(`string literals: 1+2 = ${1+2}`); //backtick을 사용하면 더 편리함.
|n,|t,|
2. numeric operators
console.log(1/1);//devide
console.log(1%1); //reminder
console.log(2**3); // exponentiation 8
3.increment and decrement operators
let counter = 2;
const preIncrement = ++counter; 업데이트 후 할당
console.log(`${preIncrement}, ${counter}`); // 3, 3
const postIncrement = counter++; 할당 후 업데이트
console.log(`${postIncrement}, ${counter}`); //3, 4
4.assingment operators
let x = 3;
let y = 6;
x += y; //x = x+y
5.comparison operator
console.log(10<=6); //false
6. logical operators || && !
||: or ->true가 하나라도 나오면 바로 true로 !
console.log( x || y || function() );
제일 heavy한 연산을 제일 뒤로 뒤에 두어야함.
7. equality
const stringFive = '5';
const numberFive = 5;
console.log(stingFive == numberFive); //true
console.log(stingFive === numberFive); //false
const ellie1 = {name:'ellie'}; //object 는 reference로 가르킴.
const ellie2 = {name:'ellie'};
const ellie3 = ellie1;
console.log(ellie1 == ellie2);//false
console.log(ellie1 === ellie2);//false
console.log(ellie1 == ellie3);//true
console.log(0 == false); //t
console.log(0 === false); //f
console.log('' == false); //t
console.log('' === false); //f
console.log(null == undefined); //t
console.log(null === undefined); //f
8. conditional operators: if, else if, else
9. ternary operator ( ? : )
10. const browser = 'chrome';
switch (browser){
case: 'ie':
case: 'e': //두개를 한번에 쓸 수도 있음.
console.log('dd');
break;
case: 'chrome':
console.log('aa');
break;
}
11.loops
let i = 3;
while (i>0){
console.log(`while: ${i}`);
i--;
}
//블럭을 먼저 실행하고 싶을 때
do{
console.log(`do while: ${i}`);
i--;
}while(i>0);
for(let i=3; i>0; i=i-2){
console.log(`inline variable for: ${i}`);
}
//loop 끝내기
break 반복문 나감
continue 그 조건만 나감
quiz
1. 0~10인데 짝수만 출력. use continue.
for(let i = 0; i<=10; i++){
if(i%2===0){
console.log(i);
}else{
continue; //이거 굳이 안해도됨.
}
}
2. 0~10 print number until reaching 8
for(let i = 0; i<=10 ; i++){
if(i>8){
break;
}else{//굳이 엘스문으로 안하고 그냥 console.log로 해도됨.
console.log(i);
}
}
'개발자 > JS' 카테고리의 다른 글
[자바스크립트] 8.배열 (0) | 2021.01.19 |
---|---|
[자바스크립트] 7. object (0) | 2021.01.18 |
6. class vs objec (0) | 2021.01.10 |
5. Arrow Function 함수의 선언과 표현 (0) | 2021.01.04 |
자바스크립트 3. 데이터타입 var let hoisting (0) | 2020.12.29 |