본문 바로가기
반응형

javascript7

[Javascript] Json Copy. DeepCopy 아래와 같은 코드가 있을 때, 결과를 예상해 보세요. let myScore = { "Math": 50, "Eng": 40, "Kor": 45 } let yourScore = myScore yourScore.Eng = 90 console.log(yourScore.Eng) console.log(myScore.Eng) . . . . . 결과는 90 90 입니다. 자바스크립트에서 JSON 객체를 복사할 때, 깊은 복사와 얕은 복사라는 개념이 있습니다. (다른 언어에도 있습니다.) DeepCopy 깊은복사 깊은 복사란, JSON 객체를 복사할 때, 객체가 가리키고 있는 모든 객체를 새로운 객체로 복사하는 것을 말합니다. 이렇게 복사하면 원본 객체와 복사된 객체는 서로 완전히 독립적인 객체가 됩니다. const _.. 2023. 1. 28.
[Javascript] JSON Object key, value 가져오기 JSON 의 모든 키와 값을 출력하는 방법 const json = { "name": "bryan", "age": 87, "city": "Suwon" }; console.log("방법 1"); for (var key in json) { console.log(key + " : " + json[key]); } console.log("방법 2"); Object.entries(json).forEach( ([key, value]) => console.log(`${key} : ${value}`) ); console.log("방법 3"); Object.keys(json).forEach(key => { console.log(`${key} : ${json[key]}`); }); 하지만, json 안에 또다른 json ob.. 2023. 1. 28.
[Lodash] 유용한 자바스크립트 라이브러리 : Javascript Library Lo | Lodash Javascript Library https://lodash.com/ Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern environments. Review the build differences & pick one that’s right for you.InstallationIn lodash.com 1. 개요 Lodash 는 javascript 에서 필요한 유용한 함수들을 제공해 줍니다. 특히 array, number, object, string 등등. Ite.. 2022. 6. 27.
[js] copy to clipboard javascript Copy To Clipboard 아래 function 을 이용하면 됩니다. function copyToClipBoard(msg){ const el = document.createElement('input') el.value = msg; document.body.appendChild(el); el.select(); document.execCommand("copy"); document.body.removeChild(el); } element 를 생성해서 value 로 복사할 값을 입력하고 선택해서 복사하고 element 삭제 2020. 12. 30.
[javascript] Json Key 가져오기 #keys #getOwnPropertyNames JS 의 json key 가져오기 Object.keys() var jsn = { a : 'hello~', b : 'bryan' }; var keys = Object.keys(jsn); console.log(keys) ["a", "b"] Object.getOwnPropertyNames() var jsn = { a : 'hello~', b : 'bryan' }; var keys = Object.getOwnPropertyNames(jsn); console.log(keys) ["a", "b"] 비표준 브라우저 호환 ( explorer 9 이하 ) var jsn = { a : 'hello~', b : 'bryan' }; for( var k in jsn ) { console.log(k + ":" + jsn[k]);.. 2020. 12. 18.
[jQuery] Mobile 기기에서 <select> 의 change trigger 되게 하기 iPad 에서 select 의 값, 또는 index 를 변경하기. 아래와 같은 select tag 가 있습니다. RED BLUE GREEN 이 select box에서 색상을 선택하면 어딘가에 색상을 더하고 다시 select box에서 색상을 선택합니다. 웹에서는 잘 됨 이때 아래와 같이 change 이벤트를 사용하겠죠. // select change $('#colorList').change(function(e){ let selectedVal = $(this).val(); addColors(selectedVal); $(this).val(''); }); change 이벤트에서 현재 값을 가져와서 -> 색상추가하는 작업을 하고 -> 현재 선택된 값을 초기화. 그래야 같은 색상을 두번 추가할 수 있겠죠. 문제 .. 2020. 12. 17.
Codepen 사용법 (html,css,javascript 실행 웹 툴) Codepen Codepen 은 HTML, CSS, JAVASCRIPT 를 웹 페이지에서 코딩하고 결과를 볼 수 있는 기능을 제공합니다. 일단 사이트는, https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 여기로 접속하시면 일단 회원가입(SignUp)을 해야겠죠 상단 우측에 Sign Up 을 누르면 아래와 같이 회원가입 선택 창이 나옵니다. Free! 가입은 하실수 있겠... 가입하고 나면 첫.. 2019. 9. 7.
728x90
반응형

티스토리툴바