ABOUT ME

Today
Yesterday
Total
  • [JS] ES6 기본
    JavaScript 2018. 11. 21. 17:58
    <script>
     // 값과 리터럴(값의 표기법)
     console.log(`let and const`)
     // 변수 선언
     // let 은 값 없이 명만 선언 가능
     let six, two;
     six = 55, two = 2;
     console.log(six + ' ' + two);
     six = 7;
     six = 19;
     console.log(six);
     // const nine; const 는 변수 명과 값을 대입해주어야 한다
     const nine = 9, ten = 10;
     console.log(nine + ' ' + ten);
     //const nine = 99; 최초 선언 후 다른 값 대입 불가능
     //안 변하는 값이면 let 보다는 const 를 사용하는 것이 좋음

     // 식별자(Identifier) = 변수 명
     // 숫자, 알파벳, 달러문자, 언더바 포함 가능
     // 숫자로 시작 X, 예약어 사용 X
     let foo = 'ff', _underbar = 100, $jquery;

     // 리터럴 형태 반환
     console.log('리터럴 형태 반환 - typeof x')
     console.log(typeof 0.1111);

     // 정수 = true, 실수 = false
     console.log('정수인지 실수인지 - Number.isInteger(x)')
     console.log(Number.isInteger(six/two));

     // 문자열을 number 타입으로 변환
     console.log('문자열을 number 타입으로 변환 - parseInt()/parseFloat()')
     parseInt('123'); // 123
     parseInt('110', 2); // 문자열을 2진수로 간주
     parseFloat('12.323'); // 12.323
     parseInt('hello'); // NaN

     // NaN 가 되는 경우
     console.log('NaN 이 되는 경우 - 0/0, 1/문자, NaN')
     console.log(0/0);
     console.log(1/'x');
     console.log(NaN);
     console.log(Number.NaN);

     // NaN(Not a NUmber) 판별
     console.log('NaN 인 경우에만 True 반환 - Number.isNaN(x)/Object.is(x, NaN)')
     console.log(Number.isNaN(parseInt(foo))); // NaN 일 경우에만 true 반환
     console.log(Number.isNaN(Number.NaN));
     console.log(Object.is(_underbar, NaN));

     // const input = prompt('정수를 입력하세요');
     // const num = parseInt(input); // 숫자 외 모두 NaN 반환
     // if (Number.isNaN(num)) {
     //     alert('정수가 아닙니다.');
     // } else {
     //     const result = num * 2;
     //     alert(`${num}의 두 배는 ${result} 입니다.`); // ES6 - 템플릿 리터럴
     // }

     // Math 객체
     console.log(Math.abs(-456)); // 절대값
     console.log(Math.ceil(1.003)); // 올림 2
     console.log(Math.ceil(-1.003)); // 올림 -1
     console.log(Math.floor(1.9465)); // 내림 1
     console.log(Math.floor(-1.9465)); // 내림 -2
     console.log(Math.round(3.4465)); // 반올림 3
     console.log(Math.round(-3.4465)); // 반올림 -3
     console.log(Math.round(3.5465)); // 반올림 4
     console.log(Math.round(-3.5465)); // 반올림 -4
     console.log(Math.trunc(4.4465)); // 소수점 이하 제거 4
     console.log(Math.trunc(-4.4465)); // 소수점 이하 제거 -4
     console.log(Math.trunc('-4.4465')); // 소수점 이하 제거 -4 (Number 형태로 반환)

     const spr= 'spread function'
     const arr = [1,2,3];
     console.log(...spr);
     console.log(...arr);
     console.log(Math.max(...arr));

     // number 타입의 메소드
    (12345).toString(); // '12345'
    (12345).toLocaleString(); // '12,345'
    (1.2345).toFixed(2); // '1.23'

     // 템플릿 리터럴
     const txt1 = 'sdfsdf';
     const txt2 = 'fshgsg';
     console.log(`template literal is ${txt1} ${txt2}`);
    </script>


    댓글

Designed by Tistory.