-
[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>'JavaScript' 카테고리의 다른 글
[JS] 호이스팅 (0) 2019.08.02 [JS] input 입력값 byte 체크 (키보드이벤트) (0) 2018.12.19 [JS] jQuery .on() 이벤트 (0) 2018.12.11 [JS] jQuery .trigger() 함수 (이벤트/이벤트핸들러/함수 비교) (0) 2018.12.11 [JS] javascript 이벤트 버블링 (0) 2018.11.21