다음과 같은 객체 배열이 있다고 가정해 보겠습니다.const arr = [ {id:123, value:value1, name:Name1}, {id:124, value:value2, name:Name1}, {id:125, value:value3, name:Name2}, {id:126, value:value4, name:Name2} ];배열 속 객체들을 살펴보면 일부 객체의 name 속성 값이 서로 중복되어 있는 것을 확인할 수 있습니다.이번 글에서는 이러한 객체 배열을 입력으로 받아, 배열에 존재하는 na

JavaScript를 다룰 때 객체로 이루어진 배열에서 특정 키워드가 포함된 항목만 골라내야 하는 경우가 자주 있습니다. 이번 글에서는 검색어와 일치하는 속성 값을 가진 객체만 추출하는 방법을 알아보겠습니다.문제 상황다음과 같이 이름(name)과 국가(country) 정보를 담은 객체 배열이 있다고 가정해 보겠습니다.const arr = [{ name: Paul, country: Canada, }, { name: Lea, country: Italy, }, { name: John, count

문자열 배열에 중복된 요소가 연달아 포함되어 있는 경우를 생각해 봅시다.const arr = [blue, blue, green, blue, yellow, yellow, green];이렇게 구성된 배열을 입력으로 받아, 서로 붙어 있는 중복 요소들을 하나의 값으로 병합하는 JavaScript 함수를 작성해야 합니다.즉, 위 배열이 입력되었을 때 함수가 반환해야 하는 결과는 다음과 같습니다.const output = [blueblue, green, blue, yellowyellow, green];동작 원리핵심은 reduce() 메서드입

이번 글에서는 사용자가 직접 문자열을 입력할 수 있는 입력창을 제공하고, 그 값이 미리 정의된 배열 안에 존재하는지 확인하는 자바스크립트 프로그램을 작성해 보겠습니다.프로그램은 입력받은 값을 코드에 하드코딩된 배열의 요소들과 비교합니다. 만약 입력한 문자열이 배열에 포함되어 있다면 화면에 true를 출력하고, 포함되어 있지 않다면 false를 출력해야 합니다.핵심 메서드: Array.prototype.includes()이 문제는 자바스크립트의 내장 메서드인 includes()를 활용하면 매우 간단하게 해결할 수 있습니다. inclu

문제 상황다음과 같이 객체로 이루어진 배열이 있다고 가정해 보겠습니다.const arr = [ { assigned_user:{ name:Paul, id: 34158 }, doc_status: processed }, { assigned_user:{ name:Simon, id: 48569 }, doc_status: processed }, { assigned_user:{ name:Simon, id: 4856

이번 글에서는 문자열 배열을 첫 번째 인수로, 검색할 단일 문자를 두 번째 인수로 받는 JavaScript 함수를 작성하는 방법을 알아보겠습니다.이 함수는 두 번째 인수로 전달된 문자가 배열 내 어떤 문자열에든 포함되어 있으면 true를 반환하고, 어느 곳에도 존재하지 않으면 false를 반환해야 합니다.구현 아이디어가장 기본적인 접근 방식은 배열의 인덱스를 활용한 for 루프입니다.배열의 각 요소를 인덱스를 통해 하나씩 순회합니다.String.prototype.includes() 메서드로 현재 문자열에 해당 문자가 포함되어 있는지

실무에서는 문자열로 이루어진 기준(참조) 배열이 있고, 그 순서에 맞춰 객체 배열을 정렬해야 하는 경우가 종종 발생합니다. 예를 들어 카테고리 표시 순서나 사용자 지정 정렬 옵션을 처리할 때 유용하게 쓰이는 패턴입니다. 이번 글에서는 기준 배열의 순서에 따라 객체 배열을 정렬하는 방법을 알아보겠습니다.문제 상황다음과 같이 문자열 배열 하나와 객체 배열 하나가 있다고 가정해 보겠습니다.const sort = ["this","is","my","custom",&quo

문제 개요숫자로 이루어진 배열을 입력받는 JavaScript 함수를 작성해야 합니다. 이 함수는 배열의 인접한 요소들 사이의 차이가 모두 동일한 양수일 때 true를, 그렇지 않으면 false를 반환해야 합니다.쉽게 말해, 배열이 등차수열처럼 일정한 간격(마진)으로 증가하고 있는지 판별하는 문제입니다.예제 코드이를 구현한 코드는 다음과 같습니다 −const arr = [4, 7, 10, 13, 16, 19, 22];const growingMarginally = arr => {   if(ar

JavaScript에서 객체에 특정 키가 존재하는지 확인하는 작업은 매우 흔한 일입니다. 하지만 의외로 많은 개발자가 부정확한 방법을 사용하고 있으며, 이는 예상치 못한 버그로 이어질 수 있습니다. 이 글에서는 먼저 잘못된 방법이 왜 문제가 되는지 살펴본 뒤, 키의 존재 여부를 정확하게 확인하는 올바른 방법들을 소개하겠습니다. 잘못된 방법: undefined 값으로 확인하기 JavaScript의 동적인 특성 때문에 다음과 같은 방식으로 키의 존재 여부를 확인하고 싶은 유혹을 받을 수 있습니다. const obj = { na

JavaScript로 데이터를 다루다 보면 여러 객체가 담긴 배열에서 특정 속성 값들만 모아 별도의 배열로 분리해야 하는 경우가 자주 발생합니다. 이 글에서는 그러한 작업을 수행하는 함수를 직접 구현해 보겠습니다.먼저, 다음과 같은 객체 배열이 있다고 가정해 보겠습니다.const arr = [{ name : Client 1, total: 900, value: 12000 }, { name : Client 2, total: 10, value: 800 }, { name : Client 3

다음과 같은 객체가 있다고 가정해 보겠습니다.const obj = { sub1: 56, sub2: 67, sub3: 98, sub4: 54, sub5: 87 };이제 이러한 객체를 인수로 받아, 객체에 담긴 값(value)을 기준으로 오름차순 정렬한 뒤 그 결과로 만들어진 새로운 객체를 반환하는 JavaScript 함수를 작성해야 합니다.예제 코드이를 구현한 코드는 다음과 같습니다. { res[key] = obj[key]; }); return res; }; consol

문제 상황실무에서 자주 마주치는 상황 중 하나는, 한 배열의 객체들이 다른 배열에 이미 존재하는지 확인하고 그에 따라 데이터를 걸러내는 작업입니다. 다음과 같이 객체를 담고 있는 두 개의 배열이 있다고 가정해 보겠습니다.const arr1 = [{id:1,name:A},{id:2,name:B},{id:3,name:C},{id:4,name:D}];const arr2 = [{id:1,name:A,state:healthy},{id:3,name:C,state:healthy}];우리가 작성해야 할 함수는 이 두 배열을 인수로 받아, 첫 번째

두 개의 문자열을 인수로 받아, 두 문자열에 공통으로 등장하는 모든 부분 문자열을 찾아 새로운 배열로 반환하는 JavaScript 함수를 작성해 보겠습니다.예를 들어 IloveLinux와 weloveNodejs라는 두 문자열이 주어졌다면, 두 문자열 모두에 포함된 love, ov, e 같은 공통 조각들을 찾아 배열 형태로 돌려주는 것이 목표입니다.구현 코드 { const common = Object.create(null); let i, j, part; for (i = 0; i < str1.length - 1;

문제 상황다음과 같이 객체로 이루어진 배열이 있다고 가정해 보겠습니다.const arr = [ { col1: [a, b], col2: [c, d] }, { col1: [e, f], col2: [g, h] } ];여기서 우리가 작성해야 할 것은 이러한 배열을 입력받아 아래와 같은 결과를 반환하는 JavaScript 함수입니다.const output = [ { col1: b, col2: d }, {

문제 이해하기두 개의 숫자로 이루어진 문자열을 인자로 받아, 실제로 숫자 타입으로 변환하거나 변환 관련 라이브러리 메서드를 사용하지 않고 두 수의 합을 구하는 JavaScript 함수를 작성해야 합니다.예를 들어 입력 문자열이 다음과 같다면 −const str1 = 123;const str2 = 456;출력 결과는 다음과 같아야 합니다 −const output = 579;접근 방법이 문제는 우리가 종이에 손으로 두 수를 더할 때와 동일한 방식으로 해결할 수 있습니다. 즉, 가장 오른쪽 자릿수(일의 자리)부터 시

10진수를 2진수로 변환할 때 숫자를 반복해서 2로 나누듯이, 7진법(base-7)에서는 주어진 숫자를 계속해서 7로 나눈 뒤 각 단계의 나머지를 모으면 7진수 표현을 얻을 수 있습니다.이번 글에서는 임의의 숫자를 입력받아 그 숫자의 7진수 표현을 문자열로 반환하는 자바스크립트 함수를 작성해 보겠습니다.문제 예시base7(100) = 202100을 7진수로 변환하면 202가 됩니다. 검산해 보면 2×49 + 0×7 + 2×1 = 98 + 2 = 100이므로 올바른 결과입니다.구현 코드 { // 음수 처리: 부호를 저장하고 절댓값

JavaScript 프로그래밍에서 두 배열을 비교해야 하는 경우가 자주 있습니다. 이번 글에서는 Array.prototype.every() 메서드를 활용하여 첫 번째 배열의 모든 요소가 두 번째 배열에 포함되어 있는지 확인하는 방법을 알아보겠습니다.문제 정의두 개의 리터럴 배열을 인자로 받는 JavaScript 함수를 작성해야 합니다. 이 함수는 첫 번째 배열의 모든 요소가 두 번째 배열에 포함되어 있으면(요소의 개수나 순서는 무관) true를 반환하고, 하나라도 포함되어 있지 않으면 false를 반환해야 합니다.every() 메서

요소의 개수가 서로 같은 두 개의 배열 리터럴이 있다고 가정해 보겠습니다. 이때 우리가 작성해야 할 함수는 두 배열이 동일한 요소를 동일한 횟수만큼 포함하고 있는지 검사하는 기능입니다.두 배열이 이 조건을 충족하면 true를, 그렇지 않으면 false를 반환하면 됩니다.접근 방법구현 전략은 다음과 같습니다. 먼저 두 번째 배열의 복사본을 생성한 뒤, 첫 번째 배열을 순회합니다. 순회 과정에서 첫 번째 배열의 각 요소와 일치하는 항목을 두 번째 배열의 복사본에서 하나씩 제거합니다. 순회 도중 복사본에 존재하지 않는 요소를 만나면 즉시

객체 배열을 객체의 객체로 변환하기다음과 같이 여러 객체를 담고 있는 배열이 있다고 가정해 보겠습니다.const arr = [{id:1,name:"aa"},{id:2,name:"bb"},{id:3,name:"cc"}];여기서 요구되는 작업은 이러한 배열을 입력으로 받아 객체의 객체(object of objects) 형태로 반환하는 자바스크립트 함수를 작성하는 것입니다. 이때 각 하위 객체의 키(key)는 원래 객체가 가진 id 속성 값이 되어야 합니다.따라서 최종 출력 결과는 다

문제 상황실무에서는 다음과 같이 여러 개의 객체를 담고 있는 중첩 배열을 포함한 JSON 객체를 다루는 경우가 매우 흔합니다.const arr = { DATA: [ { BookingID: 9513, DutyStart: 2016-02-11 12:00:00 }, { BookingID: 91157307, DutyStart: 2016-02-11 13:00:00 }, {