一文了解贪心算法和回溯算法在前端中的应用

贪心算法和回溯算法

一文了解贪心算法和回溯算法在前端中的应用

  • 一、贪心算法
    • 1、贪心算法是什么?
    • 2、应用场景
    • 3、场景剖析:零钱兑换
  • 二、回溯算法
    • 1、回溯算法是什么?
    • 2、什么问题适合选用回溯算法解决?
    • 2、应用场景
    • 3、场景剖析:全排列
  • 三、贪心算法常见应用
    • 1、leetcode 455:分发饼干
    • 2、leetcode 122:买卖股票的最佳时机
  • 四、回溯算法常见应用
    • 1、leetcode 46:全排列
    • 2、leetcode 78:子集
  • 五、写在最后

在我们日常的生活中,经常会碰到贪心算法和回溯算法的应用场景。比如,贪心算法常应用于最少硬币找零问题,分数背包等问题。而回溯算法常用于迷宫求解、N皇后等问题。这两种各有各的优点,也各有各的不足。

在下面的这篇文章中,将讲解贪心算法和回溯算法的常见应用场景,以及分析高频 leetcode 算法题。

一起来学习⑧📖

一、贪心算法

1、贪心算法是什么?

  • 贪心算法是算法设计中的一种方法。
  • 期盼通过每个阶段的局部最优选择,从而达到全局的最优。
  • 结果不一定最优

2、应用场景

  • 最少硬币找零问题
  • 分数背包问题
  • ……

3、场景剖析:零钱兑换

先用一张图来描述输入输出结果。

贪心算法场景:零钱兑换

从上图中可以看到,如果用贪心算法解决零钱兑换问题的话,它会先从最大面额的硬币开始,拿尽可能多的这种硬币找零。当无法再拿更多这种价值的硬币时,开始拿第二大价值的硬币,依次继续。

大家可以发现,如果是第一种情况,确实可以达到理论最优。但是如果是第二种情况的话,还有一种更优的解法,那就是6 = 3 + 3。所以说,贪心算法并不总是能得到最优答案。

但是呢,虽说不能总是能得到最优答案,那我们为什么还有用它呢?

比起动态规则算法而言,贪心算法更简单更快。虽然它并不总是能得到最优的答案,但是综合来看,它相对执行时间来说,输出了一个可以接受的解。

二、回溯算法

1、回溯算法是什么?

  • 回溯算法是算法设计中的一种方法。
  • 回溯算法是一种渐进式寻找并构建问题解决方式的策略。
  • 回溯算法会先从一个可能的动作开始解决问题,如果不行,就回溯选择另一个动作,直到将问题解决。

2、什么问题适合选用回溯算法解决?

  • 很多路
  • 这些路里面,有死路,有活路
  • 通常需要递归来模拟所有的路。

2、应用场景

  • 迷宫老鼠问题
  • 数独解题器
  • 骑士巡逻问题
  • N皇后问题
  • ……

3、场景剖析:全排列

先用一张图来战术输入输出的过程。

回溯算法场景:全排列

从上图中可以看到,全排列 [1, 2, 3] 三个元素,在递归的过程中会有很多种结果,比如说[1, 1, 2],[1, 2, 1], [1, 2, 2]之类的结果。那么,当出现重复元素的时候,就会出现死路,这个时候就应该回退回去并去寻找下一条路活路走出去。这就是回溯算法要解决的问题。

三、贪心算法常见应用

引用leetcode的几道经典题目来强化贪心算法

1、leetcode 455:分发饼干

(1)题意

这里附上原题链接

假设你是一位很棒的家长,想要给你的孩子们一些小饼干。但是,每个孩子最多只能给一块饼干。

对每个孩子 i,都有一个胃口值 g[i],这是能让孩子们满足胃口的饼干的最小尺寸;并且每块饼干 j,都有一个尺寸 s[j] 。如果 s[j] >= g[i],我们可以将这个饼干 j 分配给孩子 i ,这个孩子会得到满足。你的目标是尽可能满足越多数量的孩子,并输出这个最大数值。

输入输出示例:

  • 输入: g = [1,2,3], s = [1,1]
  • 输出: 1
  • 解释:
    • 你有三个孩子和两块小饼干,3个孩子的胃口值分别是:1,2,3。
    • 虽然你有两块小饼干,由于他们的尺寸都是1,你只能让胃口值是1的孩子满足。
    • 所以你应该输出1。

(2)解题思路

  • 既能满足孩子,还消耗最少。
  • 先将“较小的饼干”分给“胃口较小”的孩子。

(3)解题步骤

  • 对饼干数组和胃口数组升序降序。
  • 遍历饼干数组,找到能满足第一个孩子的饼干。
  • 然后继续遍历饼干数组,找到能满足第二、三、四、……、n个孩子的饼干。

(4)代码实现

/*** @param {number[]} g 孩子胃口* @param {number[]} s 饼干尺寸* @return {number}*/
let findContentChildren = function(g, s) {// 实现升序排序const sortFunc = function(a, b){return a-b;}//对g进行升序排序,即从小到大排序g.sort(sortFunc);//对s进行升序排序,即从小到大排序s.sort(sortFunc);//定义初始值,记录饼干能满足多少个孩子let i = 0;//对排序后的饼干进行一一遍历,并逐一与孩子的胃口比对,如果能满足,则对i进行+1操作s.forEach(n => {if(n >= g[i]){i += 1;}});return i;
};console.log(findContentChildren([1, 2], [1, 2, 3]));

2、leetcode 122:买卖股票的最佳时机

(1)题意

这里附上原题链接

给定一个数组 prices ,其中 prices[i] 是一支给定股票第 i 天的价格。

设计一个算法来计算你所能获取的最大利润。你可以尽可能地完成更多的交易(多次买卖一支股票)。

注意:你不能同时参与多笔交易(你必须在再次购买前出售掉之前的股票)。

输入输出示例:

  • 输入: prices = [7,1,5,3,6,4]
  • 输出: 7
  • 解释:
    • 在第 2 天(股票价格 = 1)的时候买入,在第 3 天(股票价格 = 5)的时候卖出, 这笔交易所能获得利润 = 5-1 = 4 。
    • 随后,在第 4 天(股票价格 = 3)的时候买入,在第 5 天(股票价格 = 6)的时候卖出, 这笔交易所能获得利润 = 6-3 = 3 。

(2)解题思路

  • 前提:上帝视角,知道未来的价格。
  • 局部最优:建好就收,见差就不动,不做长远打算。

(3)解题步骤

  • 新建一个变量,用来统计总利润。
  • 遍历价格数组,如果当前价格比昨天高,就是昨天买,今天卖,否则就不交易。
  • 遍历结束后,返回所有利润之和。

(4)代码实现

/*** @param {number[]} prices* @return {number}*/
let maxProfit = function(prices) {//新建一个变量,用来统计总利润let profit = 0;//遍历价格数组for(let i  = 1; i < prices.length; i++){//如果当前价格prices[i]比昨天prices[i - 1]高,就是昨天买,今天卖;//否则说明当前天数没买,不进行交易if(prices[i] > prices[i - 1]){//遍历过程中,不断对利润进行相加profit += prices[i] - prices[i-1];}}//遍历结束后,返回所有利润之和return profit;
};console.log(maxProfit([7, 5, 4, 7]));

四、回溯算法常见应用

引用leetcode的几道经典题目来强化回溯算法

1、leetcode 46:全排列

(1)题意

这里附上原题链接

给定一个不含重复数字的数组 nums ,返回其 所有可能的全排列 。你可以 按任意顺序 返回答案。

输入输出示例:

  • 输入: nums = [1,2,3]
  • 输出: [[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]]

(2)解题思路

  • 要求:所有排列情况;没有重复元素。
  • 有出路、有死路。
  • 考虑回溯算法。

(3)解题步骤

  • 用递归模拟出所有情况。
  • 遇到包含重复元素的情况,就回溯。
  • 收集所有到达递归终点的情况,并返回。

(4)代码实现

/*** @param {number[]} nums* @return {number[][]}*/
let permute = function(nums) {// 1.定义一个变量,收集所有结果的情况const res = [];const backtrack = (path) => {// 4.递归的重点收集所有满足题目要求的数组if(path.length === nums.length){res.push(path);return;}nums.forEach(n => {// 3.在把元素放进去时该数组已有此元素,那么此路为死路if(path.includes(n)){return;}backtrack(path.concat(n));});};// 2.递归时传入一个数组backtrack([]);return res;
};console.log(permute([1, 2, 3]));

2、leetcode 78:子集

(1)题意

这里附上原题链接

给你一个整数数组 nums ,数组中的元素 互不相同 。返回该数组所有可能的子集(幂集)。

解集 不能 包含重复的子集。你可以按 任意顺序 返回解集。

输入输出示例:

  • 输入: nums = [1,2,3]
  • 输出: [[],[1],[2],[1,2],[3],[1,3],[2,3],[1,2,3]]

(2)解题思路

  • 要求:所有子集;没有重复元素。
  • 有出路、有死路。
  • 考虑使用回溯算法。

(3)解题步骤

  • 用递归模拟出所有情况。
  • 保证接的数字都是后面的数字。
  • 收集所有到达递归终点的情况,并返回。

(4)代码实现

/*** @param {number[]} nums* @return {number[][]}*/var subsets = function(nums) {//1.定义一个变量,存放结果const res = [];const backtrack = (path, l, start) => {// 4.到达路径终点时,push到结果里面if(path.length === l){res.push(path);return;}//3.不断遍历数组,并将其添加到path中for(let i = start; i < nums.length; i++){backtrack(path.concat(nums[i]), l, i + 1);}}//2.子集的长度有可能是0-nums.length不等for(let i = 0; i <= nums.length; i++){// 三个参数分别指:路径,路径数组的长度,起始的下标backtrack([], i, 0);}return res;
};console.log(subsets([1, 2, 3]));

五、写在最后

贪心算法和回溯算法在前端的面试和笔试中也是非常经典的常考题。贪心算法相较于其他算法来说比较简单,而回溯算法涉及到很多溯回问题,逻辑较强,建议大家在做题目时如果看不懂的情况下可以选择多调试代码,一步一步跟着它的思路,多调试几遍,慢慢就能深入理解其逻辑了。

贪心算法和回溯算法在前端中的应用就讲到这里啦!如有不理解或文章有误欢迎评论区留言或私信我交流~

  • 关注公众号 星期一研究室 ,第一时间关注技术干货,更多有趣的专栏待你解锁~
  • 如果这篇文章对你有用,记得点个赞加个关注再走哦~
  • 我们下期见!🥂🥂🥂

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/307957.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

leetcode454. 四数相加 II(思路+详解)

一:题目 二:上码 class Solution { public:int fourSumCount(vector<int>& nums1, vector<int>& nums2, vector<int>& nums3, vector<int>& nums4) {/**思路:1.我们用map容器的key值存进去前两个数的和并记录其个数,然后在后面两个数…

ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用

一文了解集合和字典在前端中的应用一、&#x1f4dd;集合1、集合是什么&#xff1f;2、前端与集合&#xff1a;使用ES6中的Set3、用Set模拟并集、交集和差集&#xff08;1&#xff09;模拟并集运算&#xff08;2&#xff09;模拟交集运算&#xff08;3&#xff09;模拟差集运算…

leetcode383. 赎金信(两种做法)

一&#xff1a;题目 二:上码 1:第一种方法 class Solution { public:bool canConstruct(string ransomNote, string magazine) {unordered_map<char,int>m,m1;for(int j 0; j < magazine.size(); j) {m[magazine[j]];}for(int i 0; i < ransomNote.size(); i) …

使用BeetleX在Linux下部署.NET多站点服务

在windows下常用IIS来部署.NET的多站点服务&#xff0c;但在Linux下就没这么方便了&#xff1b;虽然可以使用一些代理服务器如nginx&#xff0c;jexus等来反代或部署应用&#xff0c;但nginx对.NET应用的托管就相对没这么方便了&#xff0c;jexus的确是个不错的服务应用;在这里…

模块化妙用!用vue3实现一个鼠标追踪器和异步加载组件

用vue3实现一个鼠标追踪器和异步加载组件一、&#x1f5b1;️鼠标追踪器1、功能实现2、给静态页面绑定功能二、⚙️异步加载组件1、功能实现2、给静态页面绑定功能3、用泛型改造异步组件功能三、&#x1f4da;结束语周一最近学完 vue3 新特性&#xff0c;就想着用 vue3 来捣鼓…

leetcode15. 三数之和(三指针)

一:题目 二:思路 1.这里的去重是指的是我们在遍历元素的时候&#xff0c;遇到相同的挨着的相同的元素的时候要跳过 2.对元素进行排序&#xff0c;为了后面的比较 3.我们用的是三个指针&#xff0c;第一个指针i指向第一个元素&#xff0c;第二个指针left指向第二个元素,第三个指…

vue3的传送门teleport究竟有多神奇?suspense发起异步请求有多简约?

一文讲解vue3的Teleport和Suspense一、&#x1f44b;用teleport实现打开模态框操作1、teleport是什么2、实现模态框功能&#xff08;1&#xff09;设置锚点&#xff08;2&#xff09;定义子组件&#xff08;3&#xff09;定义父组件二、&#x1f91a;用Suspense1、Suspense是什…

【BCVP】实现基于 Redis 的消息队列

聆听自己的声音如果自己学不动了&#xff0c;或者感觉没有动力的时候&#xff0c;看看书&#xff0c;听听音乐&#xff0c;跑跑步&#xff0c;休息两天&#xff0c;重新出发&#xff0c;偷懒虽好&#xff0c;可不要贪杯。话说上回书我们说到了&#xff0c;Redis的使用修改《【B…

leetcode18. 四数之和(双指针)

一&#xff1a;题目 二&#xff1a;上码 class Solution { public:vector<vector<int>> fourSum(vector<int>& nums, int target) {vector<vector<int> >ans;vector<int> v;sort(nums.begin(),nums.end());for(int i 0; i < nums…

过去3个多月的1200个小时里,我收获了什么?| 2021年年中总结

&#x1f55b;序言 今年三月初&#xff0c;善后了上学期事情之后&#xff0c;我开始在想&#xff0c;我的未来规划。 身边的好朋友和同学都在筹划着自己的未来&#xff0c;考研的考研&#xff0c;考公的考公。父母和老师们也在劝我说考研&#xff0c;问我考不考研。 依稀记得…

WPF 消息框 TextBox 绑定新数据时让光标和滚动条跳到最下面

WPF 消息框 TextBox 绑定新数据时让光标和滚动条跳到最下面独立观察员 2020 年 9 月 3 日我们在使用 WPF 的 TextBox 作为消息展示框时&#xff0c;如果想在出现滚动条之后&#xff0c;新消息到来时还能够被看到&#xff0c;也就是说让滚动条始终在最下面&#xff0c;或者说光标…

leedcode344. 反转字符串

一:题目 二:上码 class Solution { public:void reverseString(vector<char>& s) {//双指针for(int i 0,j s.size() - 1; i < s.size()/2; i,j--) {swap(s[i],s[j]);}} };

组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList

用vue3ts实现全局Header和列表数据渲染ColumnList&#x1f5bc;️序言&#x1f4fb;一、ColumnList数据渲染1、设计稿抢先知2、数据构思3、视图数据绑定4、数据传递5、挠头情况☎️二、GlobalHeader全局Header1、设计稿抢先看2、数据构思3、视图数据绑定4、数据传递&#x1f4f…

初识ABP vNext(8):ABP特征管理

点击上方蓝字"小黑在哪里"关注我吧定义特征应用特征用户数量社交登录前言上一篇提到了ABP功能管理&#xff08;特征管理&#xff09;&#xff0c;它来自ABP的FeatureManagement模块&#xff0c;ABP官方文档貌似还没有这个模块的相关说明&#xff0c;但是个人感觉这个…

.NET Core 中导入导出Excel

操作Excel是一个比较常见的业务场景&#xff0c;本篇将使用EPPlus简单演示一个导入导出的示例。EPPlus开源地址&#xff1a;https://github.com/EPPlusSoftware/EPPlus在项目中添加EPPlus组件Install-Package EPPlus导入先准备一个Excel文件&#xff0c;将其内容读取出来&#…

不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识

一文了解webpack入门核心知识&#x1f3a8;序言&#x1f4c5;一、webpack究竟是什么1、写在前面2、什么是模块打包工具&#xff1f;&#x1f4d0;二、如何用Webpack搭建环境1、安装node2、创建项目3、初始化项目4、安装webpack5、安装具体版本的webpack⚙️三、Webpack的配置文…

剑指 Offer 05. 替换空格(两种做法)

一:题目 二:上码 1:方法一 class Solution { public:string replaceSpace(string s) {string str "";for(int i 0; i < s.size(); i) {if(s[i] ){str "%20";}else{str s[i];}}return str;} };2:方法二&#xff08;双指针&#xff09; class So…

.NET Core 中生成验证码

在开发中&#xff0c;有时候生成验证码的场景目前还是存在的&#xff0c;本篇演示不依赖第三方组件&#xff0c;生成随机验证码图片。先添加验证码接口public interface ICaptcha {/// <summary>/// 生成随机验证码/// </summary>/// <param name"codeLeng…

10分钟手把手教你用Android手撸一个简易的个人记账App

用Android手撸一个简易的个人记账系统⛱️序言&#x1f4cb;一、系统结构设计Design1. 需求分析2. 数据库设计3. 界面设计4. 过程设计&#x1f4d8;二、编码阶段Coding1. 项目结构&#x1f5c2;️&#xff08;1&#xff09;文件目录&#xff08;2&#xff09;AndroidManifest.x…

像素级调整,高效转换——轻松提升你的图片处理体验!

探索更高级的图片处理体验&#xff0c;我们为你带来像素级调整与高效转换的完美结合&#xff01;借助我们的专业工具&#xff0c;轻松调整图片像素&#xff0c;让你在细节处展现无限创意&#xff0c;提升作品质感。 第一步&#xff0c;进入首助编辑高手主页面&#xff0c;可以看…