반응형 JavaScript17 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. forEach() : 버튼을 누르면 버튼에 적힌 색깔로 제목 색깔이 변하는 코드 여러개의 속성(버튼)에 하나의 이벤트핸들러 추가하기. w3school홈페이지를 보면서 혼자 DOM CSS 를 공부하다가 이 코드를 만들게 되었다. 버튼개수만큼 함수를 일일이 여러개 만들면 쉽게 기능을 구현할 수 있었지만, 예전 생활코딩 유튜브 볼때 이고잉님의 '항상 코딩할땐 1억개를 한번에 바꿀 수 있는 기능을 만들어야 해요 여러분' 이라는 대사가 떠올라서 함수하나로 모든걸 퉁쳐보기로 했다. 새로배운것 : forEach const title = document.getElementById('sent')//제목 let btns = document.querySelectorAll('input[type = button')//버튼들을 btns에 할당했다. btns.forEach(function (i){//버튼에 적.. 2021. 7. 24. 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. 이전 1 2 3 4 5 다음 반응형
