Phot_o_matic Programming

*WeakSet은 * 참조를 가지고 있는 객체형태만 저장 가능하다. 저장된 객체가 더이상의 참조를 가지지 않을때는 가비지컬렉션의 대상이 된다. 객체 관련 된 것을 넣을때 weakSet을 사용 하면 좋다. 참조를 하지 않는 객체가 들어있다면 자동으로 없애준다. 객체의 형태만 따로 관리 해준다. 객체만 관리할 경우 weekSet을 사용하는 것이 좋다. //객체형태를 중복없이 저장하려 할 때 유용한 WeakSet let arr = [1, 2, 3, 4]; let arr2 = [5, 6, 7, 8]; let obj = {arr, arr2}; let ws = new WeakSet(); wa.add(arr); ws.add(arr2); ws.add(obj); arr = null; console.log(ws.has(a..

Programming/Concept 2019. 4. 19. 13:18

Set을 이용하면 중복된 값을 제외한 배열 생성을 쉽게 할 수 있다. let mySet = new Set(); //class처럼 new Set()으로 지정해준다. mySet는 "Set"이라는 새로운 타입으로 정의된다. //.add를 통해서 mySet에 값을 넣을 수 있다. mySet.add("canon"); mySet.add("nikon"); mySet.add("canon"); mySet.forEach(function(value){ console.log(value); }) //"canon" "nikon" 두 개의 값만 나올 것이다. 중복된 값은 제외되었기 때문이다. //Set 타입에서 어떤 값을 가지고 있는지 확인하는 쉬운 방법은 .has console.log(mySet.has("canon"); // t..

Programming/Concept 2019. 4. 19. 12:09

Destructuring은 Object에서도 유용하게 사용할 수 있다. let obj = { name : "swoo", address : "Seoul", age : 29 } let {name:myName, age:myAge} = obj; console.log(myName, myAge); // "swoo", 29 . obj의 name과 age key의 value에 해당하는 것들이 myNmae과 myAge에 할당된다. 1) Destructuring을 활용한 JSON 파싱 Ajax 등을 통해서 받은 정보를 파싱하는 경우에도 활용할 수 있다. var channel = [ { "title" : "kbs", "number" : "7" }, { "title" : "mbc", "number" : "11" } ]; /*..

Programming/Concept 2019. 4. 19. 11:14

Array의 특정 인덱스의 값을 쉽게 지정해 줄 수 있다. //Destructuring let dat = ["a", "b", "c", "d"]; let [zero,,second] = data; console.log(zero, second); // "a" "c" 가 data의 0번째, 2번째 index의 값이므로 각각 zero, second에 대입되어 나올 것이다.

Programming/Concept 2019. 4. 19. 11:08

고전적인 객체 생성 방법은 아래와 같이, key와 value를 각각 동시에 지정해주는 방법이었다. let name = "swoo"; let age = 29; let obj = { name : name, age : age } 또한, 새로운 값을 가지는 객체를 생성하는 함수로써 아래와 같은 코드를 사용하였었다. function getObj() { let name = "swoo"; let getName = functoin() { return name; } let setName = function(newName) { name = newName; } let printName = function() { console.log(name); } return { getName : getName, setName : setN..

Programming/Concept 2019. 4. 18. 22:25

문제) 아래의 li 태그 내에 있는 목록의 것들 중, 문자열 'e'가 포함된 노드로만 구성된 배열을 만들어서 반환하라. /* 아래의 방식으로 풀 수 있다. 1. li 태그를 전부 select 2. select한 배열 내를 filter 하는 method 3. filter 시에 includes, from의 사용 */ function print(){ let list = document.querySelectorAll("li"); //이렇게 하면 list가 "[object NodeList]"라는 Array-like 값으로 나옴 let listArray = Array.from(list); //listArray의 각 원소는 Node이므로 값 판별을 위해서는 innerText에 대하여 판별을 해야함 le..

Programming/Concept 2019. 4. 18. 21:58

from method를 사용하면, Javascript 언어 내에 내장되어 있는 Array-like한 객체들을 진짜 Array로 바꿀 수 있다. 대표적인 Array-like로는 arguments가 있다. from method의 사용 예시 function addMark() { let newArray = Array.form(arguments); let newData - newArray.map(function(value){ return value + "!"; }); console.log(newData); } addMark(1,2,3,4,5,6,7,8,9); // 각각의 숫자에 "!" 문자열이 추가된 원소로 구성된 Array가 return 될 것이다

Programming/Concept 2019. 4. 18. 21:40

펼침 연산자는 쉽게 말해서 배열을 펼쳐주는 역할을 한다. 배열을 바꾸지 않고도 새로운 값을 복사하거나, 배열을 합치거나, 배열을 펼쳐진 상태로 파라미터로 전달하는 등의 활용이 가능해진다. let a = [1, "", undefined, NaN, null]; let b = [...a]; console.log(a); // [1, "", undefined, NaN, null] console.log(b); // [1, "", undefined, NaN, null] console.log(a===b); // false // 새로운 배열로서 메모리에 들어간 복사를 한 형태 // concat을 이용한 것과 같은 결과 // 배열을 바꾸지 않고 새로운 값을 복사할 수 있다 let c = [...a, 'add']; cons..

Programming/Concept 2019. 4. 17. 14:39