JS 你可能没用过的【回调函数式替换】replace()

简介: JS 你可能没用过的【回调函数式替换】replace()

replace() 主要用于实现字符串的替换,通常用法如下:

替换第一个匹配内容: str = str.replace(3,"2")

替换全部匹配内容: str = str.replace(/3/g,"2")

去除字符串内所有的空格:str = str.replace(/\s*/g,"");

去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,"");

去除字符串内左侧的空格:str = str.replace(/^\s*/,"");

去除字符串内右侧的空格:str = str.replace(/(\s*$)/g,"");
  • 第一个参数为匹配规则,用于找出被替换的内容,可以是简单的字符串,也可以是正则表达式
  • 第二个参数为替换后内容,可以是简单的字符串,也可以是一个回调函数

当第二个参数是一个回调函数时,便是今天的主角——回调函数式替换,如:

var s = new String('HelloJavaScriptWorld');

function replaceCallback(match){
   return "_" + match.toLowerCase();
  }

s.replace(/[A-Z]/g, replaceCallback);
// s 的值为  "_hello_java_script_world"

此时回调函数的参数内容如下:

  • 首参数是正则表达式所匹配的内容。
  • 尾参数则是被搜索的字符串。
  • 尾参数之前的参数表示的是匹配内容所在的位置。
  • 剩余的参数可以是由regex模式所分组的所有匹配字符串组。

用数组的描述方式,效果如下:

[ 
  匹配的内容,   
  由regex模式所分组的所有匹配字符串组 (可能是多个),
  匹配内容在字符串中的下标, 
  被搜索的字符串 
]

范例:

var glob;
var callback = function(){
  glob = arguments;
  return arguments[1] + ' at ' + arguments[2] + ' dot ' +arguments[3];
};

"stoyan@phpied.com".replace(/(.*)@(.*)\.(.*)/, callback);
// 结果为 "stoyan at phpied dot com"

此时 glob 的值为:

["stoyan@phpied.com", "stoyan", "phpied", "com", 0,
"stoyan@phpied.com"]

目录
相关文章
|
4月前
|
JavaScript 前端开发 Go
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
634 1
|
4月前
|
JavaScript 前端开发 UED
在 JavaScript 中,异步编程和回调函数是处理非阻塞操作(如网络请求、文件读写等)的重要工具
【5月更文挑战第10天】JavaScript中的异步编程和回调函数用于处理非阻塞操作,提高应用响应性和吞吐量。异步编程通过回调函数、Promises和async/await等方式实现,避免程序因等待操作完成而阻塞。回调函数是异步操作完成后调用的函数,常用于处理网络请求等。然而,回调函数存在嵌套问题和错误处理困难,因此出现了Promises和async/await等更优解决方案。
36 3
|
2月前
|
JavaScript 前端开发 API
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
|
3月前
|
存储 前端开发 JavaScript
回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。
【6月更文挑战第27天】回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。它作为参数传递给其他函数,在特定条件满足或任务完成后被调用。例如,`asyncOperation`函数接受回调函数`handleResult`,模拟异步操作后,调用`handleResult`传递结果。这样,当异步任务完成时,`handleResult`负责处理结果。
24 1
|
3月前
|
前端开发 JavaScript
JavaScript异步处理避免了单线程阻塞,如回调函数、Promise和async/await。
【6月更文挑战第22天】JavaScript异步处理避免了单线程阻塞,如回调函数、Promise和async/await。回调是基础,用于在操作完成后执行函数;Promise管理异步状态,支持链式调用;async/await提供同步代码外观,简化错误处理。每种技术在处理耗时任务时都起着关键作用。
29 3
|
3月前
|
前端开发 JavaScript 开发者
JavaScript基础-异步编程:回调函数
【6月更文挑战第12天】本文介绍了JavaScript中的异步编程基础,重点讨论回调函数。回调函数是处理延迟操作的关键,常见于事件监听、定时器、Ajax请求和文件操作。然而,它们可能导致回调地狱、错误处理不一致和控制流混乱等问题。为了解决这些问题,文章推荐使用Promise链、async/await来扁平化异步逻辑,并提供了相关代码示例,强调了现代JavaScript特性的优势,以提升代码可读性和可维护性。
64 7
|
3月前
|
JavaScript API
Node.js 回调函数
Node.js 回调函数
21 1
|
3月前
|
前端开发 JavaScript 开发者
JavaScript异步编程艺术:深入浅出回调函数与异步挑战【含代码示例】
本文深入解析JavaScript异步编程,重点探讨回调函数和异步挑战。在单线程的JavaScript中,异步编程至关重要,回调函数是其基础。然而,回调地狱问题催生了Promise和async/await的出现。文章提供代码示例展示Promise和async/await的使用,并分享异步编程最佳实践,包括错误处理、资源管理和性能优化。遇到问题时,建议通过明确异步流程、逐步调试和异常捕获来解决。最后,文章强调异步编程的未来发展,鼓励开发者掌握最新工具并探讨更高效的异步解决方案。
57 2
|
4月前
|
前端开发 JavaScript 开发者
在JavaScript中,回调函数是一种非常强大的工具
【5月更文挑战第10天】JavaScript中的回调函数是异步编程的核心,常用于处理异步操作结果、事件监听、定时任务、数组遍历和转换以及递归调用。例如,`fetchData`函数使用回调处理网络请求的结果,`addEventListener`用于监听事件,`setTimeout`执行延迟任务,`map`则对数组元素进行操作。尽管回调函数可能导致回调地狱和错误处理复杂,但它们依然是理解和掌握JavaScript的关键技能,而Promise和async/await提供了更优的异步解决方案。
28 2
|
4月前
|
前端开发 JavaScript
在JavaScript中,回调函数、Promise和async/await这三种异步处理机制的优缺点
JavaScript的异步处理包括回调函数、Promise和async/await。回调函数简单易懂,但可能导致回调地狱和错误处理困难。Promise通过链式调用改善了这一情况,但仍有回调函数需求和学习成本。async/await提供同步风格代码,增强可读性和错误处理,但需ES8支持,不适用于并发执行。根据项目需求选择合适机制。
下一篇
DDNS