반응형
📝parseInt, Number, parseFloat
let margin = '10px';
let redColor = 'f3';
console.log(parseInt(margin)); // 10
console.log(parseInt(margin)); // NaN
console.log(parseInt(redColor)); // NaN
console.log(parseInt(redColor, 16)); // 243
console.log(parseInt('11', 2)); // 3
let padding = '18.5%';
console.log(parseInt(padding)); // 18
console.log(parseFloat(padding)); // 18.5
console.log(Number(padding)); // NaN- parseInt는 문자를 정수형으로 바꾸고 소수점이 있는 경우 버린다.
- parseFloat의 경우 문자를 실수형으로 바꾼다
- Number의 경우 문자를 숫자로 바꾼다
parseInt, parseFloat와 Number의 다른점은 뒤에 문자가 있어도 앞에 숫자만 있으면 거기까지만 인식한다 개인적인 생각으로 알아서 처리해서 없애주는 건 내가 원하는 대로 프로그램이 안 굴러갈 수도 있다는 걸 의미하기 때문에 Number를 쓰는게 어떤가 싶다
📝Math.random
console.log(Math.random()); // 0.2068236122613274 [0 ~ 1 사이 무작위 숫자]
let random = Math.floor(Math.random() * 100) + 1
console.log(random) // 1 ~ 100 랜덤한 숫자Math.random()만 사용하는 경우 0 ~ 1의 무작위 숫자가 나오는데 정수형으로 바꾸기 위해 Math.random * 100을 통해 사이값의 기준을 정하고 +1을 통해 초기값을 설정한다 이렇게 되어서 초기값이 1이고 사이값이 100이기 때문에 1 ~ 100의 랜덤한 숫자가 나오게 되는 것이다
📝Math.max, Math.min
console.log(Math.max(1, 4, -4, -10, 54.3)); // 54.3
console.log(Math.min(1, 4, -4, -10, 54.3)); // -10Math.max를 이용해 최대값을 Math.min을 이용해 최소값을 구할 수 있다
📝Math.abs, Math.pow
console.log(Math.abs(-1)); // 1
console.log(Math.pow(2, 10)); // 1024 = 2^10
Math.abs는 절대값을 Math.pow를 이용해 제곱근을 구할 수 있습니다
🔗 참고 및 출처
https://www.youtube.com/watch?v=ZI6TT93wggA&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=5
반응형