본문 바로가기

javascript 3

map, filter, reduce / 배열 순회 [자바스크립트 도장깨기] 목차 map 배열 각 요소에 대해 주어진 함수를 수행한 결과를 모아 새로운 배열로 반환한다. 형식 array.map(callbackFunction(currenValue, index, array), thisArg) // currentValue : 현재 값 // index : 현재 값의 인덱스 // array : map()을 호출한 원본 배열 예시 const num = [1, 2, 3, 4, 5]; //화살표 함수 사용 const numMap = num.map(val => val += 2); console.log(numMap); // [3, 4, 5, 6, 7] filter 배열 각 요소에 주어진 함수의 결과값이 true인 것만 모아 새로운 배열로 반환한다. map()과 달리 fillter는 boolean .. 2022. 5. 10.
jQuery 도장깨기, function 종류 (each, css, append, wrap, clone, val) 목차 each() 일반적인 for문처럼 object와 배열 모두 사용할 수 있는 반복 함수이다. - $.each(object, function(index, item){}); - $('selector').each(function(index,item){}); Lorem ipsum dolor sit amet. Lorem ior sit amet. Lorem ipsum // Lorem ipsum dolor sit amet. // Lorem ior sit amet. // Lorem ipsum. CSS() 선택한 요소의 style 속성을 수정한다. - $('selector').css ('CSS 문법'); $('p').css("color #f00"); html() & text() 선택한 요소안에 내용을 가져오가나 다른.. 2022. 4. 19.
jQuery 도장깨기, 요소탐색 방법 first / last / nth-child 목차 요소 탐색하는 방법 1. 특정요소 찾는 법, 태그명으로 탐색, 부모노드에서 자식노드를 활용한 방법등 탐색 방법은 다양하다. 가장 첫번쨰, 마지막의 요소 찾기 문장 1 문장 2 문장 3 부모노드에서 자식노드를 활용한 방법 문장 1 문장 2 문장 3 특정한 내용이 포함된 요소탐색 문장 1 문장 2 문장 3 2022. 4. 18.