手撕前端面试题【javascript~文件扩展名、分隔符、单向绑定、判断版本(2)-CSDN博客

本文链接：https://blog.csdn.net/2401_84166258/article/details/138297198

本文介绍了JavaScript中字符串操作（如HTML模板构建、文件名扩展名提取）、数组操作（创建数组和分隔符应用）、事件处理（如单向绑定）、版本比较以及深浅拷贝的概念和区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


**`结果：abcabc`**


**总结：**  
 **🥭🥭1、核心步骤：**  
 **🍵🍵1）创建一个空字符串，用于存储HTML模板  
 🍵🍵2）外层循环为层数，内存循环为每层的"\*"数  
 🍵🍵3）每当内层循环结束时，在字符串后方添加换行  
 🍵🍵4）innerHTML插入内容**


除此之外，还有很多方法，例如 **`循环 -- 拼接字符串 -- 换行`** ：




---




---


## 🍓🍓文件扩展名



> 
> **问题 2:  
>  请补全JavaScript代码，要求以字符串的形式返回文件名扩展名，文件名参数为"filename"。**
> 
> 
> 


**`解答：`**

    <script>
        const \_getExFilename = (filename) => {
            // 补全代码
            let index = filename.lastIndexOf('.')
            return filename.slice(0, index) && index !== -1 ? filename.slice(index) : '';
        }
    </script>
</body>


![在这里插入图片描述](https://img-blog.csdnimg.cn/4a02e0c0fcb14cabb7378969d4946b20.png)


**`总结：`**


**🥭🥭1、核心步骤。**  
 **1）首先通过lastIndexOf获取最后一个"."符号的位置  
 2）然后通过slice截取index（包括）之后的字符串**


🥭🥭2、除此之外，还有很多方法，例如正则方法。

return /.(\w)+/.exec(filename)[0];


**`其中：“exec() 方法用于检索字符串中的正则表达式的匹配`**




---




---


## 🍓🍓分隔符



> 
> **问题 3：  
>  请补全JavaScript代码，要求返回参数数字的千分位分隔符字符串。**  
>  **`输入：`**  
>  **\_com