본문 바로가기

일하딩/javascript4

[javascript] 중복 제거 - to remove duplicataes in an Array 배열에서 중복 제거를 할 때 사용하는 방법을 몇가지 정리해보자 1. filter 와 indexOf 사용. var arr = ['A', 'B', 'C', 'D', 'C', 'A']; arr.filter(function(ele, idx){ console.log(ele, arr.indexOf(ele), idx); }); 우선 위와 같이 filter 를 걸어 각 요소의 값들이 어떻게 나오는지 확인을 해보자 A 0 0 B 1 1 C 2 2 D 3 3 C 2 4 A 0 5 위와 같이 값이 나올 것이다. 이제 여기에서 indexOf 값과 index 값이 같은 경우만 남기면 중복 제거가 된다. var arr = ['A', 'B', 'C', 'D', 'C', 'A']; var removeDup = arr.filter(f.. 2022. 10. 4.
[javascript] some 사용법 정리 javascript 에서 for 문 외에 반복문이 많이 있다. forEach, filter, some, map 등 이 중에서 some 에 대해 이야기 해보자. some 에 사용되는 매개변수는 다음과 같다. arr.filter(callback(element, index, array), thisArg) element 처리할 현재 요소 index 처리할 현재 요소의 인덱스 array some 을 호출한 배열 thisArg callback 을 실행할 때 this 로 사용하는 값 some 은 true or false 를 반환하는데 [] 이거와 같이 빈 array 를 사용하면 무조건 false 를 반환한다. 나는 이 some 을 루프를 돌릴때 특정 조건이 맞아 루프를 빠져나와야 할 때 사용했다. 간단히 특정 값이 .. 2022. 9. 23.
[javascript] filter 사용법 정리 javascript 에서 for 문 외에 반복문이 많이 있다. forEach, filter, some, map 등 이 중에서 filter 에 대해 이야기 해보자 filter 는 말그대로 filtering 된 데이터만 반환해서 사용하는 것이다. filter 를 사용되는 매개변수는 다음과 같다. arr.filter(callback(element, index, array), thisArg) element 처리할 현재 요소 index 처리할 현재 요소의 인덱스 array filter 를 호출한 배열 thisArg callback 을 실행할 때 this 로 사용하는 값 사용예제는 아래와 같다. const arr = [1, 2, 3, 4, 5]; console.log(arr.filter(onFiltering)); .. 2022. 9. 23.
[Javascript] AJAX 란? 그리고 Spring 에서 ajax 사용 방법. AJAX 란? Asynchronous Javascript and XML 의 약자로 XMLHttpRequest 객체를 사용해서 전체 페이지의 새로 고침없이 필요한 데이터만을 웹 서버에 요청해서 로드하는 기법이다. javascript 에서 Ajax 를 호출 하는 방법. Ajax Test Ajax Test 사용할 수 있는 속성들은 async (boolean) : 비동기 통신 Flag. 기본값은 true. 요청을 던져서 응답할 때까지 사용자 에이전트는 비동기 처리를 계속한다. false 로 설정하면 통신에 응답이 있을때까지 브라우저는 잠겨 조작이 안된다. beforeSend (function(XMLHttpRequest) : Ajax에 의해 요청이 전송되기 전에 불리는 Ajax Event. 반환값을 false 로.. 2020. 11. 19.