写一个function，清除字符串前后的空格。（兼容所有浏览器）

最新推荐文章于 2023-01-24 00:03:59 发布
转载 最新推荐文章于 2023-01-24 00:03:59 发布 · 2.4k 阅读 · 3 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/crazycode2/p/10661420.html
文章标签：

#开发工具 #javascript #ViewUI

本文介绍了一个JavaScript函数，用于去除字符串前后的空白字符。通过正则表达式实现，确保了字符串处理的准确性。

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

代码：

function trim(str) {
    if (str && typeof str === "string") {
        return str.replace(/(^\s*)|(\s*)$/g,""); //去除前后空白符
    }
}

.

转载于:https://www.cnblogs.com/crazycode2/p/10661420.html

ES6 （四）字符串的新增方法、Unicode正规化、字符串替换、正则表达式替换
qq_43456781的博客
08-02 1516
ES6 （四）字符串的新增方法、Unicode正规化、字符串替换、正则表达式替换 文章目录ES6 （四）字符串的新增方法、Unicode正规化、字符串替换、正则表达式替换1. String.fromCodePoint()2. String.raw()3. 实例方法：codePointAt()4. 实例方法：normalize()5. 实例方法：includes(), startsWith(), endsWith()6. 实例方法：repeat()7. 实例方法：padStart()，padEnd()8. 实
自定义函数实现IE7与IE8不兼容js中trim函数的问题
10-24
在这篇文档中，主要讲解了在IE7和IE8版本的Internet Explorer浏览器中，由于它们默认不支持JavaScript中的String对象的trim方法，这将导致处理字符串时遇到不兼容的问题。为了解决这一问题，作者提出了一个自定义...
python清除字符串前后空格函数的方法
09-20
今天小编就为大家分享一篇python清除字符串前后空格函数的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
js 去掉字符串前后空格
weixin_30439031的博客
09-23 235
第一种：循环检查替换 //供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return ""; } var whitespa...
写一个function，清除字符串前后的空格
lzfengquan的博客
07-09 597
if (!String.prototype.trim) { String.prototype.trim = function() { return this.replace(/^\s+/, “”).replace(/\s+$/,""); } }
写一个 function，清除字符串前后的空格。（兼容所有浏览器）
W1254667的博客
01-24 326
使用自带接口 trim()，考虑兼容性：if (!
【MATLAB用户界面设计提升课】：用字符串控件打造无空格界面
首先，概述了用户界面设计的基本概念与原则，并讨论了如何创建和布局GUI界面，其中特别强调了字符串控件的作用和无空格设计的重要性。在深入应用章节中，探讨了字符串控件的属性、功能、实现无空格界面的技巧和高级...
【字符串格式化】：动态文本与模板引擎的构建者
本文系统地探讨了字符串格式化的基础概念、动态文本生成技术、模板引擎原理与实践，以及字符串格式化的安全性问题和高级技术应用。首先介绍了字符串格式化的基本知识，随后深入讨论了如何利用动态文本生成技术，包括...
Js中去掉空格经典代码
06-24
在Web开发中，经常需要对用户输入的数据进行处理，其中一个常见的需求就是去除字符串中的空白字符（包括空格、制表符等）。JavaScript提供了多种方法来实现这一功能，其中自定义扩展String原型的方法非常实用且高效...
用MySQL函数清除字符串首尾空白字符的方法
09-11
由于内容插入的时候没办法进行完全的过滤，所以审核这里就经常出问题，搞的头大，而MySQL的trim函数没办法去掉回车和换行，只能去掉多余的空格
写一个 function，清除字符串前后的空格（兼容所有浏览器）。
不正经的博客
08-17 446
function trim（str）{ if （str && typeof str === "string"）{ return str.replace（/^\s+1\s+$/g，""）；//去除前后空白符。
写一个function,清除字符串前后的空格。(兼容所有浏览器)
旺仔牛奶的博客
04-30 642
写一个function,清除字符串前后的空格。(兼容所有浏览器) function trim(str) { if (str & typeof str === "string") { return str .replace(/(As*)1(s*)$/g,""); //去除前后空白符 } }
写一个function，清除字符串前后的空格（兼容所有的浏览器）
weixin_30273501的博客
08-17 208
function trim1(str){ return str.replace(/(^\s*)|(\s*$)/g,""); } 转载于:https://www.cnblogs.com/wuqilang/p/11367018.html
写一个函数reWriteTrim，清除字符串前后的空格（兼容所有浏览器）
LuckXinXin的博客
10-28 323
编程实现javascript在String中写一个trim，要求能够去除一个字符串开始和结尾的空格 // 用正则去匹配可以匹配任何的浏览器 function reWriteTrim(str){ if (str && typeof str === "string") { return str.replace(/(^\s*)|(\s*)$/g,""); //去除...
js如何判断一个文件的后缀名中是否含有png,jpeg,jpg,gif
最新发布
06-20
<think>我们参考了用户提供的引用内容，特别是引用[1]和引用[2]中的方法。用户的需求是：用JavaScript判断文件后缀名是否为指定的图片格式（png,jpeg,jpg,gif）。注意：引用[3]提到JPEG文件通常使用.jpg或.jpeg作为扩展名，因此两者都要考虑。方法一：使用正则表达式（引用[1]中的方法，但稍作改进）我们可以提取文件名的后缀，然后将其转换为小写（或大写）进行比较。方法二：使用字符串方法获取后缀名，然后判断是否在允许的扩展名列表中（引用[2]的方法）。考虑到扩展名可能大小写混合，我们统一转换为小写进行比较。下面提供两种实现方式：方式1：使用字符串截取后缀名，然后判断步骤：1.获取文件名（可能包含路径，所以需要先提取纯文件名？但通常我们只关心最后一个点之后的部分）2.获取后缀名：从最后一个点开始截取到末尾，并转换为小写。3.判断后缀名是否在['png','jpeg','jpg','gif']中。方式2：使用正则表达式（如引用[1]）提取后缀名，然后判断。注意：文件名可能没有扩展名，或者有多个点，我们通常取最后一个点之后的部分。根据引用[2]的提示，我们可以使用：`fileName.substring(fileName.lastIndexOf('.')+1)`下面我们分别实现：方法一（字符串截取）：```javascriptfunctionisImageFile(fileName){//如果文件名没有点，则没有扩展名，直接返回falseif(fileName.lastIndexOf('.')<0){returnfalse;}//获取扩展名（最后一个点之后的部分）varext=fileName.substring(fileName.lastIndexOf('.')+1).toLowerCase();//判断扩展名return['png','jpeg','jpg','gif'].includes(ext);}```方法二（正则表达式）：引用[1]中使用了正则表达式：`/^(.*)(\.)(.{1,8})$/`，这个正则将文件名分成三部分：任意字符（第一部分）、点（第二部分）、1-8个字符的扩展名（第三部分）。但是注意，这个正则可能会因为贪婪匹配导致问题（第一部分是贪婪的），而且如果文件名中有多个点，它会匹配最后一个点之后的部分吗？实际上，因为第一部分是贪婪的，所以它会匹配到最后一个点之前的所有字符，所以第三部分就是扩展名。所以我们可以这样：```javascriptfunctionisImageFile(fileName){varext='';//使用正则匹配扩展名varmatches=fileName.match(/\.([0-9a-z]+)$/i);//从最后一个点开始匹配扩展名，忽略大小写if(matches!==null){ext=matches[1].toLowerCase();//匹配到的第一个分组就是扩展名（不带点）}else{returnfalse;}return['png','jpeg','jpg','gif'].includes(ext);}```注意：第二种方法中使用的正则表达式`/\.([0-9a-z]+)$/i`解释：-`\.`匹配点（.）-`([0-9a-z]+)`匹配一个或多个数字或字母（这里用0-9a-z，因为扩展名通常由这些字符组成，也可以使用\w但是可能会包含下划线，扩展名一般不含下划线，所以用[0-9a-z]更安全）-`$`表示匹配到字符串末尾-`i`表示不区分大小写另外，我们也可以使用更简单的正则：`/\.([^.]+)$/`，这个正则匹配最后一个点之后的所有非点字符直到末尾。推荐使用第二种方法中的正则，因为它更简洁且能正确处理多个点的情况（只取最后一个点之后的部分）。测试用例：-"image.png"->true-"photo.jpeg"->true-"pic.jpg"->true-"animation.gif"->true-"document.pdf"->false-"no_extension"->false-"file.name.with.dots.png"->true(应识别为png)我们也可以参考引用[1]中的代码，它使用了`match`方法并取第三个分组，但我们的第二种方法只取一个分组。根据用户的需求，我们给出一个完整的函数，并考虑用户可能传入的是带路径的文件名（例如："path/to/file.jpg"），但我们的方法（无论是字符串截取还是正则）都是基于整个字符串的，所以只要字符串末尾是扩展名格式，就可以正确提取。但是，如果文件名是类似".gitignore"这样以点开头的文件，我们的方法会将其扩展名视为"gitignore"，这通常不是我们想要的（因为这类文件通常没有扩展名，而是隐藏文件）。不过，对于图片文件来说，通常不会以点开头，所以可以忽略。因此，我们采用第二种方法（正则表达式）作为推荐，因为它能更健壮地处理文件名。最终代码：```javascriptfunctionisImageFile(fileName){//使用正则表达式获取扩展名varext=fileName.match(/\.([^.]+)$/)?.[1];//可选链操作符，避免匹配不到时出错if(ext){ext=ext.toLowerCase();return['png','jpeg','jpg','gif'].indexOf(ext)>-1;}returnfalse;}```或者使用includes：```javascriptfunctionisImageFile(fileName){varext=fileName.match(/\.([^.]+)$/)?.[1];returnext?['png','jpeg','jpg','gif'].includes(ext.toLowerCase()):false;}```注意：上述代码使用了可选链操作符（?.），这在较新的浏览器中支持。如果考虑兼容性，可以改用：```javascriptfunctionisImageFile(fileName){varmatch=fileName.match(/\.([^.]+)$/);if(match){varext=match[1].toLowerCase();return['png','jpeg','jpg','gif'].indexOf(ext)>-1;}returnfalse;}```另外，引用[3]提到JPEG文件扩展名可以是.jpg或.jpeg，所以我们在数组中包含了这两个。如果用户需要更严格地匹配，也可以考虑使用正则表达式一次匹配多个扩展名，但分开判断更清晰。最后，我们可以给出一个测试示例：```javascriptconsole.log(isImageFile("image.png"));//trueconsole.log(isImageFile("photo.jpeg"));//trueconsole.log(isImageFile("pic.jpg"));//trueconsole.log(isImageFile("animation.gif"));//trueconsole.log(isImageFile("document.pdf"));//falseconsole.log(isImageFile("no_extension"));//falseconsole.log(isImageFile("file.name.with.dots.png"));//true```相关问题：1.如何判断多个扩展名（比如还包括bmp）？2.如果文件名中包含空格，上述方法是否仍然有效？3.如何在上传文件时使用这个函数进行验证？4.如何处理文件名中的特殊字符（如URL编码字符）？</think>### JavaScript 判断文件后缀名是否为图片格式（PNG/JPEG/JPG/GIF） #### 方法 1：使用正则表达式（推荐） ```javascript function isImageFile(filename) { // 提取后缀名并转换为小写 const extension = filename.split('.').pop().toLowerCase(); // 使用正则表达式匹配图片格式 return /^(png|jpe?g|gif)$/.test(extension); } // 测试示例 console.log(isImageFile("photo.png")); // true console.log(isImageFile("image.jpeg")); // true console.log(isImageFile("picture.jpg")); // true console.log(isImageFile("animation.gif")); // true console.log(isImageFile("document.pdf")); // false console.log(isImageFile("data.xlsx")); // false ``` #### 方法 2：使用数组检查（直观易懂） ```javascript function isImageFile(filename) { // 获取小写后缀名 const extension = filename.split('.').pop().toLowerCase(); // 允许的图片扩展名列表 const imageExtensions = ['png', 'jpeg', 'jpg', 'gif']; return imageExtensions.includes(extension); } ``` #### 关键说明： 1. **大小写处理**： 使用`.toLowerCase()`统一处理大小写，确保匹配所有变体（如.JPEG/.jpeg等） 2. **JPEG/JPG 处理**： 正则表达式`jpe?g`同时匹配： - `jpeg`（完整格式） - `jpg`（常见缩写）[^3] 3. **文件路径处理**： 如果文件名包含路径，建议先提取纯文件名： ```javascript const pureFilename = fullPath.split('/').pop().split('\\').pop(); ``` 4. **URL 编码处理**： 如果文件名包含特殊字符（如`%20`），需先解码： ```javascript const decodedName = decodeURIComponent(filename); // 再使用上述方法判断 ``` #### 实际应用场景（文件上传验证） ```html <input type="file" id="imageUpload" accept="image/*"> <script> document.getElementById('imageUpload').addEventListener('change', function(e) { const file = e.target.files[0]; if (!file) return; if (!isImageFile(file.name)) { alert("仅支持PNG/JPEG/JPG/GIF格式"); e.target.value = ""; // 清除选择 } }); function isImageFile(filename) { const ext = filename.split('.').pop().toLowerCase(); return /^(png|jpe?g|gif)$/.test(ext); } </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值