Javascript / 객체 / Property shorthand
Property Shorthand는 객체 안에 key와 value를 쓸 때, 이미 변수로 선언된 key에 대해서는 굳이 value를 정의해줄 필요가 없는 것을 의미한다. 또는, key와 value값이 같을 때 이미 정의된 변수 값으로 value값을 지정해준다. 1234567891011let a = "b"let c = "d"let e = "f" //key값만 쓰기let couple = {a, c, e}couple // 결과: {a: "b", c: "d", e: "f"} //key와 value를 같은 값으로 쓰기let couple2 = {a:a, c:c, e:e}couple2 // 결과: {a: "b", c: "d", e: "f"}cs
Javascript / 함수 / call, apply의 활용 ( .map.call(.filter.call), Math-apply)
call, apply, bind의 기본 개념은 이전 글에서 확인할 수 있다. Javascript / 함수 / call, apply, bind Javascript / 함수 / call, apply, bind 1. call과 apply method 지난 this에 관한 글에서 일반적으로 this는 전역객체나 부모객체를 가리키는 반면, call, apply는 사용자가 정해주는 객체를 this로 취급한다는 것을 배웠다. (Javascript / Execution co.. whitepro.tistory.com 이번에는 call, apply를 적용하는 사례들을 알아보자. call, apply는 어떤 객체에 포함되어 있는 method를 간접적으로 활용하기 위해서도 사용된다. 아래 두 가지 예시를 보자. 1. Math..
Javascript / 함수 / call, apply, bind
1. call과 apply method 지난 this에 관한 글에서 일반적으로 this는 전역객체나 부모객체를 가리키는 반면, call, apply는 사용자가 정해주는 객체를 this로 취급한다는 것을 배웠다. (Javascript / Execution context, this) call, apply, bind는 함수를 호출하는 또 다른 방법으로, 함수이름.call/.apply/.bind(thisArg, 인자) 로 표현된다. 만약 첫번째 인자인 객체를 입력하지 않으면, 이 메소드들은 자동으로 전역객체인 window를 가리키게 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 let a = { food: 'Cheese Burger' }; let b = { food: 'Chicken',..
Javascript / Array / sort
sort는 Javascript Array의 내장함수이다. 즉, Array.Prototype.sort 이다. 1. 문법 array이름.sort([compareFunction]) compareFunction을 생략하면, 오름차순으로, ASCII 문자 순서대로 정렬된다. 2. 정렬 순서 compareFunction을 생략하면 ASCII 문자 순서대로 정렬되므로, 글자의 경우 알파벳 순서대로 정렬된다. 하지만, 숫자의 경우 문자로 형변환 하기 때문에 오름차순, 내림차순으로의 결과를 바로 얻어낼 수 없다. 1 2 3 let nums = [20, 10, 5,4,3,2,1]; nums.sort() // 결과 : [1, 10, 2, 20, 3, 4, 5] cs 따라서 내장되어 있는 compareFunction을 이용하..
