본문 바로가기
  • Welcome J-Kyu Tstory
프론트앤드/JavaScript

[JavaScript]연산과 조건

by regularity 2022. 1. 25.
728x90
// 1. String concatenation
console.log('my' + 'cat');
console.log('1' + 1);       //  숫자를 문자열로 출력해줌
console.log(`String literals: 1+2 = ${ 1 + 2}`);     //백스택으로 빈공간 문자열로 출력

//2.numeric operators 연산
console.log(1+1);   // add
console.log(1-1);   // substract
console.log(1/1);   // divide
console.log(1*1);   // mmultiply
console.log(1%1);   // remainder
console.log(2*3);   // exponentiation 2의 3승

//3.Increment and decrement operator 증감연산
let counter = 2;
const preIncrement = ++counter;
console.log(`preIncreament: ${preIncrement}, counter: ${counter}`);
// const preIncrement = ++counter;/

//4.Assignment operators
let x = 3;
let y = 6;
x +=y //X = x+y;

//5. Comparison operators 비교연산
console.log(10 < 6); // less than
console.log(10 <= 6); // less than or equal
console.log(10 > 6); // greater than
console.log(10 >= 6); // greater than or equal

//6. Logical operators: || (or), && (and), !(not)   논리연산
const value1 = true;
const value2 = 4 < 2;
// || (or),find the first truthy value 여래개 중 하나가 참이면 참, 참이 나오면 동작 멈춤
console.log(`or: ${value1 || value2 || check()}`)  // value1에서 참, 동작 멈춤
// && (and),find the first falsy value 모두가 참이여야 ,처음 false가 나오면 동작 멈품
console.log(`or: ${value1 || value2 || check()}`)  // value2에서 참, 동작 멈춤

// !(not) //값을 반대로 변경해중 true -> false


//7.Equality
const stringFive = '5';
const numberFive = 5;
//  == loose equality, with type conversion //타입을 변경해서 검사
console.log(stringFive == numberFive);  //똑같다
console.log(stringFive != numberFive);  //
//  == loose equality, with type conversion //타입을 변경해서 검사
console.log(stringFive === numberFive);  //타입까지 확인

//8. if 조건문
const nam = 'ellie';
if(nam == 'ellie'){
    console.log('welcome, ellie!');
}else if (nam ==='coder'){
    console.log('you are amazing cofer');
}else {
    console.log('ukwnon');
}

//9. Ternary operator : ?   //if문을 간단히
condition ? value1 : value2; 
console.log(name  === 'ellie' ? 'yes : 'no'); // true면 왼쪽실행 false면 오른쪽 실행

const browser = 'IE';   //switch 문
switch (browser) {
    case 'IE':
        console.log('go away!');
        break;
    case 'Chrome':
    case 'Firefox':
        console.log('love you!');
        break;
    default:
        console.log('same all!');
        break;
}

//11.Loops 반복문
let i = 3;
while (i > 0) {
    console.log(`while: ${i}`);
    i--;
}

for (let i=3; i > 0; i--){
    console.log(`for:${i}`);
}

//break, continue
728x90

'프론트앤드 > JavaScript' 카테고리의 다른 글

slice( )  (0) 2022.03.25
★영상처리 중요코드_1  (0) 2022.03.24
로그인 적합성 검사 코드  (0) 2022.02.21
[JavaScript]ArrowFunctions함수  (0) 2022.01.25
JavaScript 기초  (0) 2022.01.25

댓글