news 2026/6/15 14:38:15

2025年10年Vue方向前端复习技术要点(2)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
2025年10年Vue方向前端复习技术要点(2)

今日整理的简单6个题目,JavaScript算法题目,作为日常算法练手用。

1、求2数之和

从给定数组之中寻找和为目标数字的指定位置

// 求2数之和 const sumTwo = (arr, target) => { for (let i = 0; i < arr.length; i++) { for (let j = i + 1; j <= arr.length; j++) { if (arr[i] + arr[j] === target) { return [i, j] } } } return [] } console.log('sumTwo', sumTwo([1, 3, 5, 8], 8)) const sumTwo2 = (arr, target) => { const map = new Map() for (let i = 0; i < arr.length; i++) { const complement = target - arr[i] if (map.has(complement)) { return [map.get(complement), i] } map.set(arr[i], i) } return [] } console.log('sumTwo2', sumTwo2([1, 3, 5, 8], 9))

2、替换空格

替换空格: 实现一个函数,将一个字符串中的空格替换成“%20”或者指定字符

const replaceStr = (str,text = '%20') => { return str.split(' ').join(text) } console.log('replaceStr', replaceStr('hello world, a good nice day')) const replaceStr2 = (str) => { let newStr = '' for (let item of str) { if (item == ' ') { newStr += text } else { newStr += item } } return newStr }

3、斐波那契数列

实现类似累加功能,不大于50

// 斐波那契数列 function fbnq (n) { if (n <= 1) { return 1 } return fbnq(n - 1) + fbnq(n - 2) } //推荐方式 function fbnq2(n) { if (n <= 1) return n let a = 0, b = 1 for (let i = 2; i <= n; i++) { [a, b] = [b, a + b] // ES6解构赋值 } return b } console.log(fbnq2(10)) // 55

4、返回数字

返回给定字符串内的数字,非数字返回0

// 返回数字 function getNumber (str) { let newStr = '' for (let item of str) { if (Number(item)) { newStr += item } else { newStr += '0' } } return newStr } console.log('getNumber', getNumber('+2147#48^3647'));

5、返回重复的字母次数

// 返回重复的字母次数 function getRepeat (str) { let map = new Map() for (let item of str) { if (!map.has(item)) { map.set(item, 1) } else { map.set(item, map.get(item) + 1) } } return map } console.log('getRepeat', getRepeat('afdfadfdfdfdfdqqqqqqqqqqqqqq'));

6、返回最长单词

// 返回最长单词 function findLongestWord (str) { const words = str.replace(/[^\w\s]/g, '').split(/\s+/) let longestWord = '' let maxLength = 0 for (let word of words) { if (word.length > maxLength) { maxLength = word.length longestWord = word } } return { longestWord, length: maxLength } } console.log(findLongestWord("JavaScript and TypeScript are great"))
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/15 13:14:32

3个理由告诉你为什么双显卡MacBook需要gSwitch这款神器

3个理由告诉你为什么双显卡MacBook需要gSwitch这款神器 【免费下载链接】gSwitch macOS menu bar app that allows control over the gpu on dual gpu macbooks 项目地址: https://gitcode.com/gh_mirrors/gs/gSwitch 如果你正在使用配备双显卡的MacBook&#xff0c;那么…

作者头像 李华
网站建设 2026/6/15 13:10:29

探索高效能的环状JSON处理库:flatted

探索高效能的环状JSON处理库&#xff1a;flatted 【免费下载链接】flatted A fast and minimal circular JSON parser. 项目地址: https://gitcode.com/gh_mirrors/fl/flatted 在处理复杂数据结构时&#xff0c;你是否曾经遇到过循环引用的问题&#xff1f;当你尝试使用…

作者头像 李华
网站建设 2026/6/15 13:48:10

视频方向异常修复:ffmpeg-python自动化解决方案

视频方向异常修复&#xff1a;ffmpeg-python自动化解决方案 【免费下载链接】ffmpeg-python Python bindings for FFmpeg - with complex filtering support 项目地址: https://gitcode.com/gh_mirrors/ff/ffmpeg-python 你是否曾经遇到过这样的尴尬场景&#xff1a;精心…

作者头像 李华
网站建设 2026/6/15 12:16:46

Gemini API 终极教程:5分钟快速掌握Python异步编程利器

Gemini API 终极教程&#xff1a;5分钟快速掌握Python异步编程利器 【免费下载链接】Gemini-API ✨ An elegant async Python wrapper for Google Gemini web app 项目地址: https://gitcode.com/gh_mirrors/gem/Gemini-API Gemini API教程为您带来一款优雅的异步Python…

作者头像 李华
网站建设 2026/6/10 17:33:27

ImageKnife终极指南:从入门到精通OpenHarmony图片加载技术

还在为OpenHarmony应用中的图片加载卡顿、内存溢出而头疼吗&#xff1f;ImageKnife作为OpenHarmony生态中最专业的图片加载库&#xff0c;将彻底解决你的性能痛点。本文将带你从零基础到高级应用&#xff0c;全面掌握这一强大的图片处理工具。 【免费下载链接】ImageKnife 专门…

作者头像 李华
网站建设 2026/6/15 6:45:16

Livewire框架终极指南:3分钟快速上手动态Laravel应用开发

Livewire框架终极指南&#xff1a;3分钟快速上手动态Laravel应用开发 【免费下载链接】livewire livewire&#xff1a;这是Laravel Livewire的一个官方示例项目&#xff0c;适合学习如何使用Livewire组件来构建动态网页。特点包括实时更新、易于测试、与Laravel框架集成良好等。…

作者头像 李华