[JAVASCRIPT] this가 가리키는 객체 (메서드, 함수, 화살표 함수에서)
this 1. 전역 컨텍스트에서의 this 전역 컨텍스트에서의 this는 전역 객체를 참조합니다. 전역 객체란 node 환경에서는 global 객체, 브라우저에서는 window 객체입니다. 2. 함수 안에서의 this 여기서도 여전히 전역 객체를 참조합니다. 함수 블록 안이라고 해서 컨텍스트가 좁혀지지 않습니다. function someFunc() { console.log(this) } someFunc(); // Window {0: Window, window: Window, self: Window, document: document, name: "", location: Location, …} 단, 엄격모드(use strict)에서는 함수 안에서의 this가 undefined입니다. 'use strict'..
2024. 1. 5.
[JAVASCRIPT] 중첩 객체에서 특정 프로퍼티의 합 구하기, 재귀함수 활용
중첩 객체에서 프로퍼티의 합 구하기 코딩 테스트에서 자주 활용되는 개념입니다. 간단해 보이지만 의외로 헤매는 경우가 많습니다. 아래와 같은 타입을 가지는 product 객체가 있다고 가정합니다. name: string; price: number; products 객체에는 product들이 아래와 같이 여러 중첩 객체로 포함되어 있습니다. const products = { fruits: [ { name: "apple", price: 1000, }, { name: "banana", price: 2000, }, ], clothes: { bottom: [ { name: "jean", price: 3000, }, ], top: { shirts: [ { name: "blue shirt", price: 3500, }..
2021. 8. 19.
[JAVASCRIPT] 배열 필터링하는 방법(걸러내기) - filter
filter 자바스크립트 배열의 filter 메소드를 활용해서 요소를 필터링하는 방법입니다. 구문 result = arr.filter(callbackFn) 배열의 모든 요소를 순회하면서 콜백 함수(callbackFn)의 인자로 전달합니다. 콜백 함수가 true를 반환하면 요소가 유지되고 false를 반환하면 요소를 버립니다. 배열 arr const arr = [ 1, 2, 3, 4, 5]; arr를 필터링하여 arr2를 생성하겠습니다. const arr = [1, 2, 3, 4, 5]; console.log(arr); // [1, 2, 3, 4, 5] const arr2 = arr.filter(number => true); console.log(arr2); // [1, 2, 3, 4, 5] 배열의 요소에..
2019. 8. 10.
[JAVASCRIPT] 배열에 요소 추가하는 방법 - push, unshift
push / unshift 자바스크립트에서 기존 배열에 새로운 요소를 추가하는 방법입니다. 1. push 배열의 맨 뒤에 요소를 추가합니다. 추가한 요소를 포함한 배열의 길이를 반환합니다. 구문에 보이듯이 여러 개의 요소를 한 번에 추가할 수도 있습니다. arr.push(element1[, ...[, elementN]]) const color = ["red", "white"]; console.log(color); // ["red", "white"] color.push("black"); console.log(color); // ["red", "white", "black"] color.push("sky", "pink"); console.log(color); // ["red", "white", "black",..
2019. 8. 7.
[JAVASCRIPT] 배열(Array)에서 특정값 삭제하기 - splice()
splice 자바스크립트의 splice() 메서드를 활용해서 배열의 특정값을 삭제하는 방법입니다. 구문 array.splice(start, deleteCount, item1, item2, ...) start 변경을 시작할 배열의 인덱스. deleteCount 배열에서 제거할 요소의 개수 item (optional)배열에 추가할 요소 const fruits = ['Apple', 'Banana', 'Orange', 'Mango', 'Grape']; const index = fruits.indexOf('Orange'); if (index !== -1) { fruits.splice(index, 1); } console.log(fruits); // 결과: ['Apple', 'Banana', 'Mango', 'Gr..
2019. 8. 4.
