찾다
웹 프론트엔드JS 튜토리얼JavaScript를 사용한 DSA의 배열 검색: 기초부터 고급까지

Array Searching in DSA using JavaScript: From Basics to Advanced

배열 검색은 DSA(데이터 구조 및 알고리즘)의 기본 개념입니다. 이 블로그 게시물에서는 기본 수준부터 고급 수준까지 JavaScript를 사용한 다양한 배열 검색 기술을 다룹니다. 20가지 예시를 살펴보고, 시간 복잡성에 대해 논의하고, 연습용 LeetCode 문제를 제공하겠습니다.

목차

  1. 선형검색
  2. 이진 검색
  3. 점프 검색
  4. 보간 검색
  5. 지수 검색
  6. 하위 배열 검색
  7. 두 포인터 기법
  8. 슬라이딩 윈도우 기법
  9. 고급 검색 기술
  10. LeetCode 실습 문제

1. 선형 검색

선형 검색은 정렬된 배열과 정렬되지 않은 배열 모두에서 작동하는 가장 간단한 검색 알고리즘입니다.

시간 복잡도: O(n), 여기서 n은 배열의 요소 수입니다.

예제 1: 기본 선형 검색

function linearSearch(arr, target) {
    for (let i = 0; i 



<h3>
  
  
  예 2: 모든 발생 찾기
</h3>



<pre class="brush:php;toolbar:false">function findAllOccurrences(arr, target) {
    const result = [];
    for (let i = 0; i 



<h2>
  
  
  2. 이진 검색
</h2>

<p>이진 검색은 정렬된 배열을 검색하는 효율적인 알고리즘입니다.</p>

<p><strong>시간 복잡도:</strong> O(log n)</p>

<h3>
  
  
  예제 3: 반복 이진 검색
</h3>



<pre class="brush:php;toolbar:false">function binarySearch(arr, target) {
    let left = 0;
    let right = arr.length - 1;

    while (left 



<h3>
  
  
  예제 4: 재귀 이진 검색
</h3>



<pre class="brush:php;toolbar:false">function recursiveBinarySearch(arr, target, left = 0, right = arr.length - 1) {
    if (left > right) {
        return -1;
    }

    const mid = Math.floor((left + right) / 2);
    if (arr[mid] === target) {
        return mid;
    } else if (arr[mid] 



<h2>
  
  
  3. 점프 검색
</h2>

<p>점프 검색은 비교 횟수를 줄이기 위해 일부 요소를 건너뛰는 방식으로 작동하는 정렬된 배열을 위한 알고리즘입니다.</p>

<p><strong>시간 복잡도:</strong> O(√n)</p>

<h3>
  
  
  예 5: 점프 검색 구현
</h3>



<pre class="brush:php;toolbar:false">function jumpSearch(arr, target) {
    const n = arr.length;
    const step = Math.floor(Math.sqrt(n));
    let prev = 0;

    while (arr[Math.min(step, n) - 1] = n) {
            return -1;
        }
    }

    while (arr[prev] 



<h2>
  
  
  4. 보간 검색
</h2>

<p>보간 검색은 균일하게 분포되어 정렬된 배열에 대한 이진 검색의 향상된 변형입니다.</p>

<p><strong>시간 복잡도:</strong> 균일하게 분포된 데이터의 경우 O(log log n), 최악의 경우 O(n)</p>

<h3>
  
  
  예제 6: 보간 검색 구현
</h3>



<pre class="brush:php;toolbar:false">function interpolationSearch(arr, target) {
    let low = 0;
    let high = arr.length - 1;

    while (low = arr[low] && target 



<h2>
  
  
  5. 지수 검색
</h2>

<p>지수 검색은 무한 검색에 유용하며 제한된 배열에도 잘 작동합니다.</p>

<p><strong>시간 복잡도:</strong> O(log n)</p>

<h3>
  
  
  예제 7: 지수 검색 구현
</h3>



<pre class="brush:php;toolbar:false">function exponentialSearch(arr, target) {
    if (arr[0] === target) {
        return 0;
    }

    let i = 1;
    while (i 



<h2>
  
  
  6. 하위 배열 검색
</h2>

<p>더 큰 배열 내에서 하위 배열을 검색하는 것은 DSA의 일반적인 문제입니다.</p>

<h3>
  
  
  예제 8: 순진한 하위 배열 검색
</h3>

<p><strong>시간 복잡도:</strong> O(n * m), 여기서 n은 기본 배열의 길이이고 m은 하위 배열의 길이입니다.<br>
</p>

<pre class="brush:php;toolbar:false">function naiveSubarraySearch(arr, subArr) {
    for (let i = 0; i 



<h3>
  
  
  예 9: 하위 배열 검색을 위한 KMP 알고리즘
</h3>

<p><strong>시간 복잡도:</strong> O(n + m)<br>
</p>

<pre class="brush:php;toolbar:false">function kmpSearch(arr, pattern) {
    const n = arr.length;
    const m = pattern.length;
    const lps = computeLPS(pattern);
    let i = 0, j = 0;

    while (i 



<h2>
  
  
  7. 두 포인터 기법
</h2>

<p>두 포인터 기법은 정렬된 배열을 검색하거나 쌍을 처리할 때 자주 사용됩니다.</p>

<h3>
  
  
  예제 10: 주어진 합계로 쌍 찾기
</h3>

<p><strong>시간 복잡도:</strong> O(n)<br>
</p>

<pre class="brush:php;toolbar:false">function findPairWithSum(arr, target) {
    let left = 0;
    let right = arr.length - 1;

    while (left 



<h3>
  
  
  예 11: 3합 문제
</h3>

<p><strong>시간 복잡도:</strong> O(n^2)<br>
</p>

<pre class="brush:php;toolbar:false">function threeSum(arr, target) {
    arr.sort((a, b) => a - b);
    const result = [];

    for (let i = 0; i  0 && arr[i] === arr[i - 1]) continue;

        let left = i + 1;
        let right = arr.length - 1;

        while (left 



<h2>
  
  
  8. 슬라이딩 윈도우 기술
</h2>

<p>슬라이딩 윈도우 기술은 연속 요소의 배열/문자열 문제를 해결하는 데 유용합니다.</p>

<h3>
  
  
  예제 12: 크기 K의 최대 합계 하위 배열
</h3>

<p><strong>시간 복잡도:</strong> O(n)<br>
</p>

<pre class="brush:php;toolbar:false">function maxSumSubarray(arr, k) {
    let maxSum = 0;
    let windowSum = 0;

    for (let i = 0; i 



<h3>
  
  
  예 13: K개의 고유 문자가 포함된 가장 긴 부분 문자열
</h3>

<p><strong>시간 복잡도:</strong> O(n)<br>
</p>

<pre class="brush:php;toolbar:false">function longestSubstringKDistinct(s, k) {
    const charCount = new Map();
    let left = 0;
    let maxLength = 0;

    for (let right = 0; right  k) {
            charCount.set(s[left], charCount.get(s[left]) - 1);
            if (charCount.get(s[left]) === 0) {
                charCount.delete(s[left]);
            }
            left++;
        }

        maxLength = Math.max(maxLength, right - left + 1);
    }

    return maxLength;
}

const s = "aabacbebebe";
console.log(longestSubstringKDistinct(s, 3)); // Output: 7

9. 고급 검색 기술

예제 14: 회전 정렬 배열에서 검색

시간 복잡도: O(log n)

function searchRotatedArray(arr, target) {
    let left = 0;
    let right = arr.length - 1;

    while (left = arr[left] && target  arr[mid] && target 



<h3>
  
  
  예 15: 2D 매트릭스에서 검색
</h3>

<p><strong>시간 복잡도:</strong> O(log(m * n)), 여기서 m은 행 수이고 n은 열 수입니다<br>
</p>

<pre class="brush:php;toolbar:false">function searchMatrix(matrix, target) {
    if (!matrix.length || !matrix[0].length) return false;

    const m = matrix.length;
    const n = matrix[0].length;
    let left = 0;
    let right = m * n - 1;

    while (left 



<h3>
  
  
  예 16: 피크 요소 찾기
</h3>

<p><strong>시간 복잡도:</strong> O(log n)<br>
</p>

<pre class="brush:php;toolbar:false">function findPeakElement(arr) {
    let left = 0;
    let right = arr.length - 1;

    while (left  arr[mid + 1]) {
            right = mid;
        } else {
            left = mid + 1;
        }
    }
    return left;
}

const arr = [1, 2, 1, 3, 5, 6, 4];
console.log(findPeakElement(arr)); // Output: 5

예제 17: 크기를 알 수 없는 정렬된 배열에서 검색

시간 복잡도: O(log n)

function searchUnknownSize(arr, target) {
    let left = 0;
    let right = 1;

    while (arr[right] 



<h3>
  
  
  예제 18: 회전 정렬 배열에서 최소값 찾기
</h3>

<p><strong>시간 복잡도:</strong> O(log n)<br>
</p>

<pre class="brush:php;toolbar:false">function findMin(arr) {
    let left = 0;
    let right = arr.length - 1;

    while (left  arr[right]) {
            left = mid + 1;
        } else {
            right = mid;
        }
    }
    return arr[left];
}

const rotatedArr = [4, 5, 6, 7, 0, 1, 2];
console.log(findMin(rotatedArr)); // Output: 0

예 19: 범위 검색

시간 복잡도: O(log n)

function searchRange(arr, target) {
    const left = findBound(arr, target, true);
    if (left === -1) return [-1, -1];
    const right = findBound(arr, target, false);
    return [left, right];
}

function findBound(arr, target, isLeft) {
    let left = 0;
    let right = arr.length - 1;
    let result = -1;

    while (left 



<h3>
  
  
  예 20: 두 개의 정렬된 배열의 중앙값
</h3>

<p><strong>시간 복잡도:</strong> O(log(min(m, n))), 여기서 m과 n은 두 배열의 길이입니다<br>
</p>

<pre class="brush:php;toolbar:false">function findMedianSortedArrays(nums1, nums2) {
    if (nums1.length > nums2.length) {
        return findMedianSortedArrays(nums2, nums1);
    }

    const m = nums1.length;
    const n = nums2.length;
    let left = 0;
    let right = m;

    while (left  minRightY) {
            right = partitionX - 1;
        } else {
            left = partitionX + 1;
        }
    }
    throw new Error("Input arrays are not sorted.");
}

const nums1 = [1, 3];
const nums2 = [2];
console.log(findMedianSortedArrays(nums1, nums2)); // Output: 2

10. LeetCode 실습 문제

배열 검색에 대한 이해도와 기술을 더욱 테스트하기 위해 연습할 수 있는 15가지 LeetCode 문제가 있습니다.

  1. Dua Jumlah
  2. Cari dalam Tatasusunan Isih Diputar
  3. Cari Minimum dalam Tatasusunan Isih Diputar
  4. Cari Matriks 2D
  5. Cari Elemen Puncak
  6. Cari Julat
  7. Median Dua Tatasusunan Isih
  8. Kth Elemen Terbesar dalam Tatasusunan
  9. Cari K Elemen Terdekat
  10. Cari dalam Susunan Isih Saiz Tidak Diketahui
  11. Kapasiti Menghantar Pakej Dalam D Hari
  12. Koko Makan Pisang
  13. Cari Nombor Pendua
  14. Subrentetan Terpanjang dengan Paling Banyak Aksara K Distinct
  15. Jumlah Subarray Sama dengan K

Masalah ini merangkumi pelbagai teknik pencarian tatasusunan dan akan membantu anda mengukuhkan pemahaman anda tentang konsep yang dibincangkan dalam catatan blog ini.

Kesimpulannya, menguasai teknik pencarian tatasusunan adalah penting untuk menjadi mahir dalam Struktur Data dan Algoritma. Dengan memahami dan melaksanakan pelbagai kaedah ini, anda akan lebih bersedia untuk menangani masalah yang rumit dan mengoptimumkan kod anda. Ingat untuk menganalisis kerumitan masa dan ruang bagi setiap pendekatan dan pilih yang paling sesuai berdasarkan keperluan khusus masalah anda.

Selamat mengekod dan mencari!

위 내용은 JavaScript를 사용한 DSA의 배열 검색: 기초부터 고급까지의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
JavaScript로 문자열 문자를 교체하십시오JavaScript로 문자열 문자를 교체하십시오Mar 11, 2025 am 12:07 AM

JavaScript 문자열 교체 방법 및 FAQ에 대한 자세한 설명 이 기사는 JavaScript에서 문자열 문자를 대체하는 두 가지 방법 인 내부 JavaScript 코드와 웹 페이지의 내부 HTML을 탐색합니다. JavaScript 코드 내부의 문자열을 교체하십시오 가장 직접적인 방법은 대체 () 메소드를 사용하는 것입니다. str = str.replace ( "find", "replace"); 이 메소드는 첫 번째 일치 만 대체합니다. 모든 경기를 교체하려면 정규 표현식을 사용하고 전역 플래그 g를 추가하십시오. str = str.replace (/fi

자신의 Ajax 웹 응용 프로그램을 구축하십시오자신의 Ajax 웹 응용 프로그램을 구축하십시오Mar 09, 2025 am 12:11 AM

그래서 여기 당신은 Ajax라는이 일에 대해 배울 준비가되어 있습니다. 그러나 정확히 무엇입니까? Ajax라는 용어는 역동적이고 대화식 웹 컨텐츠를 만드는 데 사용되는 느슨한 기술 그룹을 나타냅니다. 원래 Jesse J에 의해 만들어진 Ajax라는 용어

10 JQuery Fun 및 Games 플러그인10 JQuery Fun 및 Games 플러그인Mar 08, 2025 am 12:42 AM

10 재미있는 jQuery 게임 플러그인 웹 사이트를보다 매력적으로 만들고 사용자 끈적함을 향상시킵니다! Flash는 여전히 캐주얼 웹 게임을 개발하기위한 최고의 소프트웨어이지만 JQuery는 놀라운 효과를 만들 수 있으며 Pure Action Flash 게임과 비교할 수는 없지만 경우에 따라 브라우저에서 예기치 않은 재미를 가질 수 있습니다. jQuery tic 발가락 게임 게임 프로그래밍의 "Hello World"에는 이제 jQuery 버전이 있습니다. 소스 코드 jQuery Crazy Word Composition 게임 이것은 반은 반은 게임이며, 단어의 맥락을 알지 못해 이상한 결과를 얻을 수 있습니다. 소스 코드 jQuery 광산 청소 게임

내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까?내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까?Mar 18, 2025 pm 03:12 PM

기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

jQuery 시차 자습서 - 애니메이션 헤더 배경jQuery 시차 자습서 - 애니메이션 헤더 배경Mar 08, 2025 am 12:39 AM

이 튜토리얼은 jQuery를 사용하여 매혹적인 시차 배경 효과를 만드는 방법을 보여줍니다. 우리는 멋진 시각적 깊이를 만드는 계층화 된 이미지가있는 헤더 배너를 만들 것입니다. 업데이트 된 플러그인은 jQuery 1.6.4 이상에서 작동합니다. 다운로드

브라우저에서 성능을 위해 JavaScript 코드를 최적화하려면 어떻게해야합니까?브라우저에서 성능을 위해 JavaScript 코드를 최적화하려면 어떻게해야합니까?Mar 18, 2025 pm 03:14 PM

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

jQuery 및 Ajax를 사용한 자동 새로 고침 DIV 컨텐츠jQuery 및 Ajax를 사용한 자동 새로 고침 DIV 컨텐츠Mar 08, 2025 am 12:58 AM

이 기사에서는 jQuery 및 Ajax를 사용하여 5 초마다 DIV의 컨텐츠를 자동으로 새로 고치는 방법을 보여줍니다. 이 예제는 RSS 피드의 최신 블로그 게시물을 마지막 새로 고침 타임 스탬프와 함께 가져오고 표시합니다. 로딩 이미지는 선택 사항입니다

Matter.js : 소개를 시작합니다Matter.js : 소개를 시작합니다Mar 08, 2025 am 12:53 AM

Matter.js는 JavaScript로 작성된 2D 강성 신체 물리 엔진입니다. 이 라이브러리를 사용하면 브라우저에서 2D 물리학을 쉽게 시뮬레이션 할 수 있습니다. 그것은 단단한 몸체를 생성하고 질량, 면적 또는 밀도와 같은 물리적 특성을 할당하는 능력과 같은 많은 기능을 제공합니다. 중력 마찰과 같은 다양한 유형의 충돌 및 힘을 시뮬레이션 할 수도 있습니다. Matter.js는 모든 주류 브라우저를 지원합니다. 또한, 터치를 감지하고 반응이 좋기 때문에 모바일 장치에 적합합니다. 이러한 모든 기능을 사용하면 엔진 사용 방법을 배울 수있는 시간이 필요합니다. 이는 물리 기반 2D 게임 또는 시뮬레이션을 쉽게 만들 수 있습니다. 이 튜토리얼에서는 설치 및 사용을 포함한이 라이브러리의 기본 사항을 다루고

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)