본문 바로가기
728x90

개발일지/JavaScript13

시간상 사각지대 TDZ TDZ란 일시적/시간적 사각지대로, 스코프의 시작-(TDZ)-초기화 시작 사이의 구간을 의미한다. 스코프의 시작- (TDZ) -초기화 시작 즉, 변수가 선언되고 변수의 초기화가 이뤄지기 전까지의 구간이다. 이 구간의 변수를 TDZ에 들어간 변수라고 표현한다. function do_something() { console.log(bar); // undefined console.log(foo); // ReferenceError var bar = 1; let foo = 2; } 시간상 사각지대인 이유는, 사각지대가 코드의 작성 순서(위치)가 아닌, 코드의 실행 순서(시간)에 의해 형성되기 때문에다. ex) let 변수 선언이 변수에 접근하는 함수보다 아래여도 함수의 호출 시점이 사각지대 밖인 경우 { // TD.. 2022. 8. 16.
js 반복문 다뤄보기 우리는 코딩을 하면서 다양한 상황을 마주하게 된다. 여러 상황 중, 배열과 관련된 처리같이 많고 반복적인 데이터를 편리하게 처리해줄 반복문들을 다뤄보자 Array.forEach() forEach 메서드는 주어진 함수를 배열 요소 각각에 대해 실행한다. const arr = [1,2,3,4,5,6,7,8,9,10]; arr.forEach((element)=>console.log(element)); // console.log 1 2 3 4 5 6 7 8 9 10 // 간단 예제 arr.forEach((element)=>console.log(element*10)); // 10 20 30 40 --- 80 90 100 // for문처럼 화살표 함수 오른쪽 부분에 push 등과 같은 메서드를 통해 새 배열을 만들.. 2022. 8. 9.
JS 계산 / 날짜 / 문자 메서드 계산 / 날짜 / 문자 메서드 일부 정리 계산식 Math.pow(n,m) : n의 m제곱 올림(Math.ceil(n)) 내림(Math.floor(n)) 반올림(Math.round(n)) 소수점 반올림 .toFixed(n) - 소수점 n의자릿수까지 표현 / 매개변수가 없으면 1의자릿수 반환 let num = 10.987654321 num.toFixed() // 11 num.toFixed(1) // 11.0 num.toFixed(2) // 10.99 num.toFixed(3) // 10.988 num.toFixed(4) // 10.9877 num.toFixed(5) // 10.98765 num.toFixed(10) // 10.9876543210 num.toFixed(14) // 10.9876543210000.. 2022. 8. 9.
JavaScript 숫자열/문자열 다뤄보기 코드를 작성하다보면 가끔 숫자를 문자로, 문자를 숫자로 바꿔야 할 때가 있다. 그럴때 간단하게 사용해볼 수 있는 방법을 적어본다. 숫자열을 문자열로 바꾸기 숫자는 +""만 해줘도 (혹은 다른 문자를 더해줘도) 문자열로 바뀐다. let a = 1234 console.log(a) // a는 숫자 1234 b = a+"" console.log(b) // b는 문자 '1234' Number.toString() 을 통해서 바꿔주는 방법도 있다. 문자열을 숫자열로 바꾸기 //s는 String Number(s)로 문자열을 숫자로 변환 - 인자를 바꿀 수 없으면(ex. 123이지롱) NaN을 리턴한다. parseInt(s)로 문자열을 숫자로 변환 - 정수나 NaN을 리턴한다. parseFloat(s)로 문자열을 숫자로.. 2022. 8. 9.
728x90

티스토리툴바