-
Javascript, jQuery 2020‧07‧20
JS - Object.entries() 대상 객체를 각 키,값으로 배열로 담은 배열
타겟 객체에 있는 각 요소마다 키와 값이 있는데 이 것을 [키, 값] 바꾸고 모든 변경된 요소들을 새로운 배열에 담아 반환한다. 위 예제의 결과값은 [["user_a", 50], ["user_b", 15], ["user_c", 30], ["user_d", 100], ["user_e", 80]] 이렇게 나온다. 보통 entries는 단독으로 쓰이기보다 reduce 함수나 map 함수등을 활용한다. 이렇게 dataobj 객체에서 가장 큰 값을 가진 키와 값을 반환하는 조합에 […]
-
Reactjs 2017‧04‧24
Immutability Helpers 간단 사용법
배열이나 객체 수정/추가/삭제를 용이하기 위한 리액트 플러그인. 공식 문서 : https://facebook.github.io/react/docs/update.html 문서내 선언 import update from 'react-addons-update'; 예를 들어 setState할 때 쓰려면 아래처럼 쓴다. handleCreate(contact){ this.setState({ getJsonData : update(this.state.getJsonData, {$push : [contact]}) //update(타겟배열,{$push [추가할 것=받아온것]}) }) }; handleRemove(){ this.setState({ getJsonData : update(this.state.getJsonData, {$splice : [[this.state.selectedkey, 1]]}), //update(타겟 배열, {$splice : [[배열의 순번, 그로부터 어디까지 지울지]]}) selectedkey […]
-
Javascript, jQuery 2016‧01‧07
JS - 배열안의 객체들 중 속성과 값 매칭된 것 가져오기
json 형식으로 데이터를 불러왔다거나 혹은 직접 배열안의 객체 구조를 만들어 데이터화 하여 사용할 때 특정 값을 가진 객체를 찾아서 그 객체가 가진 다른 값을 가져올 때 사용한다. var people = [ { "name": "bob", "dinner": "pizza" }, { "name": "john", "dinner": "sushi" }, { "name": "larry", "dinner": "hummus" } ]; 이런 식으로 배열안에 객체가 있다면 […]
-
Javascript, jQuery 2015‧08‧10
자바스크립트 - 객체안에 값이 있는지 여부
var A = {}; 라는 객체에 있는지 없는지 여부를 length 로 사용해서 조건문을 만들게 되는데 A.length > 0 이렇게 바로 객체의 길이를 요청하면 에러가 난다. Object.keys(A).length > 0 이 처럼 길이를 요청하면 된다.