특별한 일상

안녕하세요. 소다맛사탕 입니다.JavaScript 배열에서 reduce() 함수를 사용하여 1차원 배열과 2차원 배열의 같은 값끼리 묶고 더하는 알고리즘을 구현해 보겠습니다.※ reduce() 란배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.＊ 1차원 배열console.log("console 결과");var data = ["b", "a", "c", "a", "d", "c"];const deDupData = new Set(data); // 배열을 SET에 담아 재선언const uniqData = [...deDupData]; // 중복 제거// 중복 제거 데이터 => a 값 맨 마지막으로 위치(정렬)uniqDat..

안녕하세요. 소다맛사탕 입니다. 오늘은 웹 페이지를 구현할 때 자주 사용하는 ajax에서 배열로 선언된 데이터를 넘기는 방법에 대해 알아보겠습니다. ※ Ajax (Asynchronous JavaScript And XML) 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나. 원래 ajax는 비동기 화면을 구현하거나 웹 페이지 이동시 서버로의 데이터를 주고 받기위해 자주 사용하는데요. 개발을 하다보면 배열을 넘겨야 하는 상황이 발생합니다. 그런데... 분명히 배열을 정확히 선언해서 서버로 보냈는데... 서버에서 찍히는 값은 null 또는 빈 공백으로 들어오는 경우가 있습니다. 그래서 ajax에 선언해야 하는 방법중 하나가 traditional Ajax 옵션, Type: Boolean, def..

안녕하세요. 소다맛사탕 입니다. 코딩 알고리즘을 짜거나 프로젝트를 진행 하다보면 참 많이 '반복문', '배열'을 쓰곤 합니다. 특히 자바스크립트에서 반복되는 객체를 찾아서 합치거나 중복을 제거하는 경우가 많습니다. 제가 최근에 썼거나 작성해보니까 괜찮다하는 코드중 중복 객체를 배열에 담아 합치는 것을 구현해 보았습니다. 사이에 항상 최신의 jQuery를 사용할 수 있게 선언하고, HTML에 반복되는 문서 객체나 특정 Index가 반복되는게 있다 치면... 1. 중복제거 $(document).ready(function(){ fncDelDuplication(); }); function fncDelDuplication(){ var arr = [{"index" : 1, "text" : 1}, {"index" :..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅인 '[JavaScript] Array forEach() 메서드 사용법(배열 forEach())'에 이어서 오늘은 jQuery를 이용한 배열을 관리하는 each() 메서드를 알아보겠습니다. 1. 사용법 $.each(object, function(index, element) { }); $(selector).each(function(index, element) { }); index : 요소의 인덱스. element : 매개변수가 가지고 있는 현재 요소. 2. 예시 // 배열 선언 var arrVal = ["가", "나", "다", "라"]; // 배열 each()문 선언 $.each(arrVal, function(index, element){ console.log(..

안녕하세요. 소다맛사탕입니다. 이번 포스팅에서는 자바스크립트 배열 요소에 대한 지정된 함수를 호출 하는 forEach() 메서드에 대해 간다하게 알아보겠습니다. ※ forEach() 메서드는 배열에서만 사용가능한 메서드 1. 사용법 array.forEach(callback(element, index, arr), thisArg) callback : 실행할 함수. 즉, function(){} element : 배열의 현재 요소. index : 요소의 인덱스. arr : forEach()가 호출한 배열 thisArg : 콜백을 실행할 동안 this로 사용할 값. 2. 예시(for example) // 배열 선언 var arrVal = []; arrVal.push("가"); arrVal.push("나"); ar..