본문 바로가기
반응형

개발/Javascript41

JS 배열의 Method : Mutable과 Immutable Mutable과 Immutable 개념 Mutable 원본이 변한다. 참조타입(reference type) : 배열, 객체, 함수 등 원시타입을 제외한 모든 type 데이터 주소를 찾아서 값을 변경한다 Immutable 원본이 변하지 않는다. 원시타입(primitive type) : Boolean, Null, Undefined, 수, 문자열 데이터 주소와 별개의 새로운 주소에 값이 할당된다 아래 글은 원시자료형과 참조자료형을 정리해 놓은 글이다. https://wnsdufdl.tistory.com/6?category=1012091 원시자료형(primitive type)과 참조자료형(reference type) Javascript의 Type 에는 원시자료형(primitive type)과 참조자료형(refe.. 2021. 7. 30.
forEach() 사용예시 어제 forEach() 를 알게 되었고 오늘 개념정리를 하는데, 비동기함수? 콜백함수? 이런것들이 나왔다. 코드스테이츠 캘린더를 보니 후에 비동기함수, 콜백함수를 배우게 된다. 그때 개념 정리하기로 하고 우선 활용할 수 있게 사용법정리만 해두기로 했다. 우선 forEach는 Array객체에서만 사용가능한 메서드이다. forEach는 반복문과 같은데 같은내용을 forEach로, 반복문으로 작성해보자. forEach()과 반복문 비교 //forEach사용 let i = ['a','b','c','d'] function writing(i){ console.log(i) } i.forEach(writing) //writing(i[0]), writing(i[1]), writing(i[2]), writing(i[3]).. 2021. 7. 25.
Javascript : innerText와 textContent 차이 그리고 innerHTML innerText와 textContent 차이 innerText와 textContent 의 값은 모두 text/plain 으로 파싱한 결과이다. 그래서 혼동하기 쉬우나 중요한 차이점이 있다. innerText : 화면에 보이는 내용만 보여준다. CSS등의 스타일링을 고려하기 때문에 리플로우가 발생한다. (리플로우 계산은 가능하면 피하는것이 좋다) textContent : Dom practice HiHIHI 1. 위의 HTML태그를 innerText를 이용하여 출력한 경우 console.log(document.querySelector('#practice').innerText) //innerText를 이용한 출력 Dom practice HiHIHI 2. 위의 HTML태그를 textContent를 이용하여 출.. 2021. 7. 24.
JavaScript, NaN === NaN 이 False라고??, isNan() 1. Javascript에서의 NaN의 비교 1-1. NaN이란? NaN 은 Not a Number 라는 뜻으로 , 숫자가 아니라는 의미이다. 예를 들면 Number() 안에 'asbd'가 들어갔을 때 NaN 이 나온다. 1-2. NaN===NaN 이 false 라고??! 오늘 아침 구글에서 돌아다니는 javascript 조건문 연습문제를 풀다가 이상한 점을 발견했다. 분명 Number(message) = NaN 이라고 했는데, Number(message)===NaN 인 것이다. 구글링을 통해 안 사실은, 이는 JavaScript 언어 설계의 오류라고 한다. 그렇다면 어떤 변수가 NaN인지 아닌지 알고 싶을 땐 어떻게 해야 할까?? 다행히 JavaScript 에는 숫자와 NaN을 구분하는 isNaN()이.. 2021. 7. 23.
반응형