【前端算法】在一个数组中找出和为n的两个数

简介: 如何实现在一个数组中找出和为n的两个数的过程

在一个数组中找出和为n的两个数

  • 有一个递增的数组[1,2,4,7,11,15]和一个n=15
  • 数组中有两个数,和是n。即4 + 11 === 15
  • 写一个JS函数,找出这两个数

常规思路

  • 嵌套循环,找到一个数,然后去遍历下一个数,求和,判断
  • 时间复杂度是O(n^2), 不可用

代码实现——嵌套循环

function searchNum1 (arr:number[],n:number):number[] {
  const len = arr.length
  if (len < 2) return [];
  const res:number[] = []
  
  for (let i = 0; i < len; i++) {
    let flag = false // 判断是否找到了结果
    for (let j = i + 1; j < len; j++) {
      let sum = arr[i] + arr[j]
      if (sum === n ) {
        flag = true
        res.push(arr[i])
        res.push(arr[j])
        break;
      } 
    }
    if (flag) break; 
  }
  return res
}

功能测试——嵌套循环

const arr = [1,2,4,7,11,15]

console.log(searchNum1(arr,15)) // [4, 11]

单元测试——嵌套循环

describe('查找两数之和',() => {
  it('正常情况', () => {
    const arr = [1,2,4,7,11,15]
    const res = searchNum1(arr,15)
    expect(res).toEqual([4,11])
  })

  it('空数组', () => {
    const res = searchNum1([],15)
    expect(res).toEqual([])
  })

  it('找不到值的情况', () => {
    const arr = [1,2,4,7,11,15]
    const res = searchNum1(arr,100)
    expect(res).toEqual([])
  })
})

利用递增有序的特性找出优化方法

  • 随便找两个数
  • 如果和大于n,则需要向前寻找
  • 如果和小于n,则需要向后寻找——二分法思想

使用双指针,时间复杂度降低到O(n)

  • 定义i指向头,j指向尾,求arr[i] + arr[j]
  • 如果大于n,则需要向前移动
  • 如果小于n,则需要向后移动

代码实现——双指针

function searchNum2 (arr:number[],n:number):number[] {
  const len:number = arr.length
  if (len < 2) return []

  const res:number[] = []

  let i = 0 // head
  let j = len -1 // tail

  while(i < j) {
    let sum = arr[i] + arr[j]
    if (sum > n) {
      // 和大于n,则向前找,尾部下标-1
      j--;
    } else if (sum < n) {
      // 和小于n,则向后找,头部+1
      i++;
    } else {
      // 相等
      res.push(arr[i])
      res.push(arr[j])
      break;
    }
  }
    
  return res
}

功能测试——双指针

const arr = [1,2,4,7,11,15,18,19,20]

console.log(searchNum2(arr,15)) // [4,11]

单元测试——双指针

describe('查找两数之和',() => {
  it('正常情况', () => {
    const arr = [1,2,4,7,11,15]
    const res = searchNum2(arr,15)
    expect(res).toEqual([4,11])
  })

  it('空数组', () => {
    const res = searchNum2([],15)
    expect(res).toEqual([])
  })

  it('找不到值的情况', () => {
    const arr = [1,2,4,7,11,15]
    const res = searchNum2(arr,100)
    expect(res).toEqual([])
  })
})

性能比较——嵌套循环VS双指针

const arr = [1,2,1,2,1,2,1,2,1,2,1,2,4,7,11,15,18,19,20]

console.time('searchNum1')
for (let i = 0; i < 100 * 10000; i++) {
  searchNum1(arr,15)
}
console.timeEnd('searchNum1')

console.time('searchNum2')
for (let i = 0; i < 100 * 10000; i++) {
  searchNum2(arr,15)
}
console.timeEnd('searchNum2')

打印结果:

searchNum1: 133.034ms
searchNum2: 38.977ms

时间复杂度:嵌套循环O(n^2) ,双指针O(n)

综上所述,双指针用于解决此题更优

总结

  • 时间复杂度达到O(n^2),是不可用的算法
  • 凡是有序,都可以考虑二分法思想
  • 优化嵌套循环,可以考虑“双指针 ”
相关文章
|
1月前
|
算法
Leetcode 初级算法 --- 数组篇
Leetcode 初级算法 --- 数组篇
38 0
|
3月前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
38 0
|
1月前
|
算法 程序员 索引
数据结构与算法学习七:栈、数组模拟栈、单链表模拟栈、栈应用实例 实现 综合计算器
栈的基本概念、应用场景以及如何使用数组和单链表模拟栈,并展示了如何利用栈和中缀表达式实现一个综合计算器。
28 1
数据结构与算法学习七:栈、数组模拟栈、单链表模拟栈、栈应用实例 实现 综合计算器
|
21天前
|
JavaScript 前端开发 算法
前端优化之超大数组更新:深入分析Vue/React/Svelte的更新渲染策略
本文对比了 Vue、React 和 Svelte 在数组渲染方面的实现方式和优缺点,探讨了它们与直接操作 DOM 的差异及 Web Components 的实现方式。Vue 通过响应式系统自动管理数据变化,React 利用虚拟 DOM 和 `diffing` 算法优化更新,Svelte 通过编译时优化提升性能。文章还介绍了数组更新的优化策略,如使用 `key`、分片渲染、虚拟滚动等,帮助开发者在处理大型数组时提升性能。总结指出,选择合适的框架应根据项目复杂度和性能需求来决定。
|
27天前
|
人工智能 前端开发 JavaScript
拿下奇怪的前端报错(一):报错信息是一个看不懂的数字数组Buffer(475) [Uint8Array],让AI大模型帮忙解析
本文介绍了前端开发中遇到的奇怪报错问题,特别是当错误信息不明确时的处理方法。作者分享了自己通过还原代码、试错等方式解决问题的经验,并以一个Vue3+TypeScript项目的构建失败为例,详细解析了如何从错误信息中定位问题,最终通过解读错误信息中的ASCII码找到了具体的错误文件。文章强调了基础知识的重要性,并鼓励读者遇到类似问题时不要慌张,耐心分析。
|
1月前
|
存储 算法 定位技术
数据结构与算法学习二、稀疏数组与队列,数组模拟队列,模拟环形队列
这篇文章主要介绍了稀疏数组和队列的概念、应用实例以及如何使用数组模拟队列和环形队列的实现方法。
20 0
数据结构与算法学习二、稀疏数组与队列,数组模拟队列,模拟环形队列
|
1月前
|
JSON 前端开发 数据格式
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
文章详细讲解了在SpringMVC中如何使用`@RequestMapping`进行路由映射,并介绍了前后端参数传递的多种方式,包括传递单个参数、多个参数、对象、数组、集合以及JSON数据,并且涵盖了参数重命名和从URL中获取参数的方法。
66 0
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
|
28天前
|
移动开发 算法 前端开发
前端常用算法全解:特征梳理、复杂度比较、分类解读与示例展示
前端常用算法全解:特征梳理、复杂度比较、分类解读与示例展示
21 0
|
2月前
|
算法 前端开发 机器人
一文了解分而治之和动态规则算法在前端中的应用
该文章详细介绍了分而治之策略和动态规划算法在前端开发中的应用,并通过具体的例子和LeetCode题目解析来说明这两种算法的特点及使用场景。
一文了解分而治之和动态规则算法在前端中的应用
|
2月前
|
算法 前端开发
一文了解贪心算法和回溯算法在前端中的应用
该文章深入讲解了贪心算法与回溯算法的原理及其在前端开发中的具体应用,并通过分析LeetCode题目来展示这两种算法的解题思路与实现方法。