[TIL/JS] Number 보다 parseInt()를 더 권고하는 이유
2024. 9. 6. 16:18
TIL/JavaScript
문자열 처리 능력`parseInt()`는 숫자로 변환할 때, 문자열에서 숫자 외의 부분이 있으면 처음 등장하는 숫자까지만 변환한다.`parseInt('100개') -> '100' 으로 변환`Number('100개')`-> 문자열 전체를 숫자로 변환하려고 시도하면서 `NaN`을 반환진법 처리`parseInt()`는 두 번째 인자로 진법을 지정할 수 있음`parseInt('100', 2)` -> '100'을 2진수로 해석하고, 10진수인 4를 반환함`Number`는 항상 10진수로만 변환함유연성`parseInt()`는 문자가 포함된 문자열을 처리할 때 더 유연함`Number`는 오로지 숫자로만 구성된 문자열을 제대로 처리할 수 있음 -> 숫자 외의 다른 문자 포함 시, 무조건 NaN 반환
[TIL/JavaScript] 홀수 인덱스의 요소와 홀수번째 요소
2024. 7. 15. 17:24
TIL/JavaScript
정답 코드// 홀수번째만 출력하기const aniArr = ['강아지', '망아지', '야옹이', '어흥이', '거북이'];const resultArr = aniArr.map((name, index) => { // 배열은 0부터 시작하고, 홀수를 출력하라는 게 아닌 홀수'번째'를 출력하라고 했으므로 강아지가 첫 번째가 됨 if (index % 2 == 0) { console.log(name); }});console.log(resultArr); 출력 결과: 강아지, 야옹이, 거북이내가 이해한 코드// 홀수번째만 출력하기const aniArr = ['강아지', '망아지', '야옹이', '어흥이', '거북이'];const resultArr = aniArr.map((name, index) => { if (ind..
[TIL/JavaScript] 갤러리 만들기
2024. 7. 3. 17:40
TIL/JavaScript
[TIL/JavaScript] 후위 연산자와 리팩토링
2024. 7. 3. 13:57
TIL/JavaScript
강사님의 코드 1 리팩토링 전 내 코드 이미지 가져오기 1 문제점 이미지 가져오기 1 이미지 가져오기 1 1. 오타 수정 완료2. `$('p.box01 > img) ~ $('p.test')` 부분과 같은 코드를 if문 바깥쪽으로 ..
[TIL/JavaScript] 파라미터 이름과 클래스 필드의 이름 일치, this 키워드, constructor()
2024. 7. 2. 23:07
TIL/JavaScript
파라미터 이름과 클래스 필드 이름 일치생성자서 받는 파라미터 이름과 클래스 필드 이름이 일치해야 한다.자바스크립트가 변수와 속성 이름을 정확히 구분하기 때문에 이름이 일치하지 않으면 원하는 값이 제대로 할당되지 않기 때문이다.class Picture 부분과 document.write 부분을 보면 파라미터와 클래스 필드가 매칭된다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 class Picture { constructor(aTitle, aImgAddr, aAuthor, aYear) { this.aTitle = aTitle; this.aImgAddr = aImgAddr; this.aAuthor = aAuthor; thi..