본문 바로가기
반응형

javascript15

filter() 함수 배열에서 원하는 값만 추출하려면 아래와 같이 할 수 있습니다. var numbers = [1,2,3,4,5]; var arr = []; for(var i = 0; i < numbers.length; i++){ if(numbers[i] % 2 === 0) arr.push(numbers[i]); } console.log(arr); // 2,4 filter() 함수를 사용하면 훨씬 더 깔끔하게 코드를 작성할 수 있습니다. var numbers = [1,2,3,4,5]; var arr = numbers.filter(function(n){ return n % 2 === 0; }); console.log(arr); // 2,4 2019. 11. 1.
map() 함수 var numbers = [1,2,3,4,5]; for( var i = 0; i < numbers.length; i++ ){ numbers[i]++; } console.log(numbers); // 2,3,4,5,6 위 코드는 숫자들을 1씩 증가시켜 주는 로직입니다. 이 코드를 함수형 프로그래밍을 적용해서 다시 구현해보겠습니다. 자바스크립트 배열에 기본으로 제공되는 map()함수를 사용합니다. var numbers = [1,2,3,4,5]; numbers = numbers.map(function(n){ return n + 1; }) console.log(numbers); // 2,3,4,5,6 map() 함수는 인자로 함수를 입력받아 배열 안에 있는 요소에 그 함수를 적용시키고, 그 결과를 새로운 배열에.. 2019. 10. 28.
ES6의 클래스 자바스크립트 프로젝트 북을 보며 공부한 내용입니다. https://book.naver.com/bookdb/book_detail.nhn?bid=12285042 자바스크립트 프로젝트북 실무 개발자를 위한 웹 프로그래밍 레시피!프로그래밍 언어를 공부할 때는 실무에서 많이 사용하는 코드를 조금씩 구현해보면서 익히는 것이 좋다. 이 책에서는 실무와 밀접한 내용을 다양한 유형의 웹 애플리케이션이나 UI 요소로 익힐 수 있도록 9가지 프로젝트를 구성했다. 프로젝트 주요 부분에 자바스크립트와 제이쿼리 소스를 함께 수록하여, 자바스크립트와 제이쿼리를 함께 이해하고 실무 능력을 키울 수 있게 했다. book.naver.com ECMAScript 6 Class 기존의 자바스크립트에 없던 클래스가 ES6에서부턴 선언할 수 있.. 2019. 10. 17.
호이스팅(Hoisting) var 변수의 의도치 않은 현상 if(true){ var name = 'hj'; } console.log(name); //hj for(var i=0; i 2019. 9. 26.
javascript 끝말잇기 1 2 3 4 5 6 끝말잇기 click 끝단어와 같으면 딩동댕을 출력하고 틀리면 땡을 호출하는 소스입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 let word = document.getElementById('word'); let input = document.getElementById('in'); let btn = document.getElementById('btn'); let out = document.getElementById('out'); btn.addEventListener('click', function(e) { e.preventDefault(); if (word.textContent[word.textContent.length - 1] == inpu.. 2019. 9. 26.
삼항 조건 연산자 if 문을 사용할 때 한줄로 축약할 수 있는 방법입니다. 아래 예제입니다. 1 2 3 4 5 var age = 30; var canDrinkAlcohol = (age > 19) ? "true, over 19" : "false, under 19"; alert(canDrinkAlcohol); // true, over 19 if / else 문 대신 삼항 연산자를 사용하면 함수를 사용할 때 깔끔하게 만들 수 있습니다. if/else 1 2 3 4 5 6 7 8 9 10 11 function canDrinkAlcohol(age){ if(age > 19){ return true }else{ return false } } var output = canDrinkAlcohol(20); alert(output) //tr.. 2019. 9. 25.
반응형