본문 바로가기

자바스크립트15

[JavaScript] 배열에 들어있는 값을 찾는 findIndex 함수 findIndex() var newList = []; var paramIdx = -1; var foundIdx = -1; // 모든 행 체크 for(var i=0; i < DataList.length; i++){ // 현재 체크하는 행 insertData = DataList[i]; // 첫번째 행은 무조건 넣기 if (newList.length < 1) { newList.push(insertData); newIdx++; continue; } foundIdx = newList.findIndex(function(key) {return key["name"] === insertData.name}); if (foundIdx < 0) { newList.push(insertData); newIdx++; } else .. 2021. 9. 27.
[Json] JsonArray Group by 하기 코드 var data= [{ "Id": "1", "name": "xxx", "age": "22" }, { "Id": "1", "name": "yyy", "age": "15" }, { "Id": "5", "name": "zzz", "age": "59" }]; console.log(data.reduce(function(result, current) { result[current.Id] = result[current.Id] || []; result[current.Id].push(current); return result; }, {})); 결과 { "1": [ { "Id": "1", "name": "xxx", "age": "22" }, { "Id": "1", "name": "yyy", "age": "15" } .. 2021. 9. 27.
[JavaScript] Json 형식의 배열에 값 넣기 ajax로 컨트롤러에 Json 형식 파라미터 보내기 프로젝트 중 ajax를 쓸 일이 많은데, 보통 컨트롤러에 파라미터를 json형태로 변환해 보낸다. 이 때 흔히 사용하는 형식은 아래와 같다. 형식 var param = { "" : "" }; param.이름 = 값; 예제 var param = $("#form1").serializeObject(); param.red = apple; 2020. 4. 7.
[JQuery] form에 있는 요소들 배열로 만들기 var param = $("#formId").serializeObject(); ​ 같은 Form 안에 있다면 같은 id를 가진 값들을 자동으로 같은 이름의 배열로 만들어 가져와준다. 위와 같이 파라미터에 넣어서 ajax로 넘겨주면 편함. json Object 형태를 string으로 만들어주는 JSON.stringify(); 와 반대되는 역할을 한다고도 볼 수 있을 듯. 2020. 4. 6.
[JavaScript] this와 self의 차이 this : 현재 컨텍스트(객체)를 참조합니다. self : window를 참조합니다. [출처] (Cocos Creator) JavaScript의 this 와 self의 차이|작성자 LiveData 2020. 4. 6.
[JavaScript] a태그에 자바스크립트 함수 사용 시 팝업 오류 구현하려는 내용 a태그 클릭 시 팝업을 띄워주고, 팝업 닫기 시 목록으로 이동하기. 문제점 팝업이 열렸다 바로 닫히고 목록으로 이동도 안 됨. 버튼 형태의 a태그를 사용하다가 href를 비워두고 onclick에 javascript 펑션을 넣어주는 실수가 있었다. 목록으로 해결법 목록으로 같은 펑션을 href에 넣어준다. 단, this 객체 전달이 필요할 때는 onclick을 사용한다. 2020. 4. 1.

티스토리툴바