Phot_o_matic Programming

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

공통점 : 순회하고자 하는 객체의 길이만큼 반복 차이점 : 1) 불러오는 값의 차이 (index or element) fruits라는 Array 객체에 아이템을 ['사과', '오렌지', '배']로 초기화한다. 그 다음, fruits 객체를 for in을 사용하여 console.log로 각 값을 찍어보면? var fruits = ['사과', '배', '오렌지']; for (value in fruits) { console.log(value); } // 결과는 3회 반복으로 0, 1, 2가 String 값으로서 순차적으로 찍힐 것이다. for of를 사용하면 각각 사과, 배, 오렌지의 값이 찍힌다. 2) Prototype의 순회 for in을 사용하게 되면, 반복하고자 하는 대상으로 지정한 객체(Array o..

Programming/Concept 2019. 4. 17. 13:44

문제 설명 : 문자열 s는 한 개 이상의 단어로 구성되어 있따. 각 단어는 하나 이상의 공백문자로 구분되어 있다. 각 단어의 짝수번재 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수 solution을 완성하라. 제한사항 : 문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준으로)별로 짝/홀수 인덱스를 판단해야 한다. 입출력 예 sreturntry hello worldTrY HeLlO WoRlD function solution(s) { return s.split(' ').map(word => { var result = ''; for (var i = 0; i &lt word.length; i++) { if(i%2) { result += word[i].toLowerCase()..

Programming/Algorithm 2019. 4. 16. 19:55