본문 바로가기
728x90

jQuery3

jQuery - Array.reduce() 함수의 이해 및 사용법 예시 reduce는 배열에 계산처리를 할 때 유용하게 쓰일 수 있는 방법입니다. 배열의 사칙연산처리를 할 때 for문으로도 처리할 수 있지만 reduce로도 간단하게 가능합니다. reduce의 기본 포맷은 다음과 같습니다 .reduce() Array.reduce(function(acc, cur, idx, arr){ // acc = return처리로 값을 누적시킬 수 있는데 이때 return처리되는 값의 누적값 // cur = 현재 루프 돌고 있는 값 // idx = 현재 루프 돌고 있는 배열위치 // arr = 전체 배열 // return 처리를 할 경우 값이 acc에 값이 누적됨 }, value); // value = 초기값 - 첫번째 인덱스 값을 배열보다 우선하는 인덱스로 하여 지정할 수 있습니다 기본 사.. 2021. 9. 3.
jQuery - Array.filter()를 이용한 배열 처리 방법, 배열 필터링 Javascript에서 배열을 제어할 때 사용하는 함수로 filter가 있습니다. 각 요소의 값과 인덱스, 배열을 참고하여 배열을 제어할 수 있으며 기본 사용법은 다음과 같습니다. 기본 사용법 필요에 따라 function의 elem, index, array를 필요한 것만 사용해도 무방합니다. Ex) function(elem) / function (elem, index) Array.filter(function(elem, index, array)){ elem - 0번째 index부터 마지막 index까지의 요소값 index - 현재 요소의 위치값(index) array - 전체 배열값 return true - 현재 배열을 return한다 return false - 현재 배열을 continue처리(pass) .. 2021. 8. 23.
Javascript - Hoisting(호이스팅)이란? Hoisting이란 JavaScript(이하 JS)에서 변수 선언과 관련된 개념입니다. Hoist의 사전적 뜻으로는 감아올리기, 감아 올리는 장치와 같은 뜻을 가지고 있는데 ‘끌어 올리다’와 같은 의미를 가지고 있습니다. Hoisting이 적용되는 대상은 var로 선언한 변수와 function입니다. 이 두 대상들은 함수를 선언하기 전에 호출해도 정상적으로 실행이 되는데 Hoisting에 의해 이런 현상이 발생하게 됩니다. 그리고 이 현상을 var hoisting(변수 선언 끌어올리기), Function declaration hoisting(함수선언 끌어올리기)라고 부릅니다. Hoisting을 공식 문서에서는 다음과 같이 표현하고 있습니다. - 호이스팅을 변수 및 함수 선언이 물리적으로 작성한 코드의 상.. 2021. 7. 7.
728x90