Frontend 📚/JavaScript 3

[javascript] for...of 명령문

오늘은 자바스트립트의 반복문 중 하나인 for...of 명령문에 대해 공부해보자. for...of 명령문은 반복가능한 객체(예를 들어 Array, TypedArray, Set, Map...)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성한다. 구문 for (variable of iterable) { statement; } variable 각 반복에 서로 다른 속성값이 variable에 할당된다. iterable 반복되는 열거가능(enumerable)한 속성이 있는 객체. 예제 let iterable = [10, 20, 30]; for (let value of iterable) { // let 대신 const 사용도 가능 console.log(v..

[javascript] parseInt() 사용 방법

오늘은 자바스크립의 parseInt() 함수에 대해 공부해보자. parseInt() 함수는 문자열 인자를 파싱하여 특정 진수의 정수를 반환한다. (파싱이란 데이터를 분해 분석해서 원하는 형태로 조립하고 다시 빼내는 프로그램) 구문 parseInt(string); parseInt(string, radix); 매개변수 string 파싱할 값이다. 문자열이 아닌 경우 toString 추상 연산을 사용해 문자열로 변환할 것이다. 문자열의 선행 공백은 무시한다. radix string의 진수를 나타내는 2부터 36까지의 정수이다. 주의! 기본 값이 10이 아니다! Number 자료형이 아닌 경우 Number로 변환한다. 반환 값 주어진 string에서 파싱한 정수이다. 아래와 같은 경우에는 NaN을 반환한다. r..

[javascript] Constructor(생성자)란?

오늘은 자바스크립의 Constructor 메서드에 대해 공부해보자. Constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드로 쉽게 말해 생성자이다. 파이썬의 경우 클래스에서 __init__으로 변수를 초기화하는 것과 동일한 역할을 한다고 이해하면 된다. 구문 constructor() { ... } constructor(argument0) { ... } constructor(argument0, argument1) { ... } constructor(argument0, argument1, ... , argumentN) { ... } 설명 Constructor를 사용하면 다른 모든 메서드 호출보다 앞선 시점인, 인스턴트 객체를 초기화할 때 수행할 초기화 코드를 정의할 수 있다..