前言前端面试手撕算法字符串题出现频率稳居前3。很多同学只会用split/reverse简单API写法遇到最多删除一个字符判断回文这类变形题直接卡壳。读完本文你能收获JS字符串底层包装类、toString、call原理底层讲解基础回文字符串两套实现API简化版、双指针最优版高频变形题最多删1字符判断回文完整可运行代码字符串反转标准面试写法避开底层踩坑点面试手写题答题思路模板直接背全文代码均可复制运行无冗余逻辑适配面试官现场手写场景。一、基础前置JS字符串底层必懂知识点面试常追问1. 简单字符串没有reverse方法数组才有reverseJS原始字符串属于基本数据类型不存在数组反转API。标准反转字符串三步流程split()字符串转数组reverse()数组原地反转join()数组拼接回字符串示例代码// 字符串反转标准写法letstrhelloletresstr.split().reverse().join()console.log(res)// olleh踩坑提醒如果字符串带空格split( )会按空格分割反转会错乱无特殊分隔符统一用split()。2. toString、JSON.stringify 区分对象序列化obj.toString()默认返回[object Object]只能区分对象类型无法输出对象内容JSON.stringify(obj)真正序列化对象输出完整JSON字符串示例leto{a:1,b:2}console.log(o.toString())// [object Object]console.log(JSON.stringify(o))// {a:1,b:2}// 数组toString会自动拼接逗号console.log([1,2,3].toString())// 1,2,33. call改变函数this指向 包装类底层原理call使用场景函数本质是对象call可以借用函数修改函数执行时this指向。leto{name:胡老板,say:function(){console.log(我是this.name)}}letobj{name:张老板}o.say()// 我是胡老板o.say.call(obj)// 我是张老板this指向obj包装类底层面试官高频追问原始字符串本身是简单类型理论上不能调用.length、.split等对象方法。JS底层会自动做包装类转换执行str.length时临时new String(str)生成字符串实例调用属性方法执行完立刻销毁实例变回原始字符串。对外完全无感知统一面向对象写法降低开发成本。二、基础算法1判断回文字符串正反读取一致场景说明面试第一题高频题判断输入字符串是否为回文如racecar是回文hello不是。方案1极简API写法适合快速实现逻辑反转字符串和原字符串对比相等即为回文functionisPalindrome(s){returns.split().reverse().join()s;}// 测试用例console.log(isPalindrome(racecar))// trueconsole.log(isPalindrome(hello))// falseconsole.log(isPalindrome(a))// true方案2双指针对称解法最优解空间O(1)面试官更爱思路只遍历一半字符串首尾对称位置一一对比不额外生成数组节省内存functionisPalindrome2(s){letlens.length;for(leti0;ilen/2;i){// 左侧i右侧对称位置 len-1-iif(s[i]!s[len-1-i]){returnfalse;}}returntrue;}// 测试用例console.log(isPalindrome2(racecar))// trueconsole.log(isPalindrome2(hello))// falseconsole.log(isPalindrome2(a))// true踩坑提醒API解法会额外开辟数组空间超长字符串性能不如双指针题目如果包含大小写、数字、符号需要提前过滤字符本文基础题默认纯英文无干扰字符。三、进阶变形题最多删除1个字符判断能否构成回文大厂高频题目需求给定非空字符串允许最多删除1个字符判断剩余字符是否为回文。示例abca删除b/a都能形成回文返回trueabc无论删哪个都不行返回false。解题思路双指针首尾同步匹配遇到不相等字符时出现分支两种容错方案删除左指针字符、删除右指针字符封装子函数校验截取区间是否纯回文满足任一方案即返回true。完整可运行代码functionvalidPalidrome(s){constlens.length;leti0,jlen-1;// 首尾相等则双向靠近while(ijs[i]s[j]){i;j--;}// 校验区间[st,ed]是否严格回文functionisPalindrome(st,ed){while(sted){if(s[st]!s[ed]){returnfalse;}st;ed--;}returntrue;}// 分支1删除左字符 i1if(isPalindrome(i1,j)){returntrue}// 分支2删除右字符 j-1if(isPalindrome(i,j-1)){returntrue}returnfalse;}// 测试用例console.log(validPalidrome(abca))// trueconsole.log(validPalidrome(abc))// falseconsole.log(validPalidrome(a))// trueconsole.log(validPalidrome(ab))// false踩坑提醒源码原始笔误bug修复原代码第二判断写了!isPalindrome会直接逻辑反转面试手写一定要注意取反符号上面代码已修正可直接使用。四、面试刷题总结1. 字符串反转核心流程字符串 → split转数组 → reverse反转 → join拼接字符串2. 回文两类实现取舍快速写代码、短字符串使用splitreverse API写法追求空间复杂度、大厂算法面试优先双指针遍历3. 最多删1字符回文解题模板双指针匹配冲突 → 两种删除分支校验 → 任一成立返回true4. JS底层加分知识点面试官追问必背原始字符串靠包装类实现对象方法调用toString区分对象类型JSON.stringify序列化对象call借用函数修改this指向。
)
