JavaScript的String.replace函数参数应用实例

本文详细介绍了JavaScript中String.replace函数的功能及使用方法,包括如何利用正则表达式进行字符串替换,以及如何通过函数作为替换参数来实现更复杂的操作。
JavaScript String.replace函数作用是将源自符串中的match替换为replacement并返回替换后的字符串。

js String的replace函数的函数签名如下:
replace(match/* 字符串OR正则表达式 */, replacement/* 字符串OR函数 */)
作用是将源自符串中的match替换为replacement并返回替换后的字符串。
如果第一参数是字符串就没什么好说的了,但是要记住此时只在源自符串替换一次match(第一次)函数就执行完成了。

所以第一参数通常是一个正则表达式,举例如下:
replace(/a/g, "b") // 将源自符串中所有的a替换为b。

第二参数可以是一个字符串,该字符串中可以包含第一参数正则表达式的分组,举例如下:
replace(/(a){2,2}/g, "$1b") // 将源自符串中所有的aa替换为ab。

如果第二参数是一个函数的话,那么函数的参数是什么呢?举例如下:
复制代码 代码如下:

"bbabc".replace(/(a)(b)/g, function(){
console.log(arguments)
});

参数将依次为:
1、整个正则表达式匹配的字符。
2、第一分组匹配的内容、第二分组匹配的内容…… 以此类推直到最后一个分组。
3、此次匹配在源自符串中的下标(位置)。
4、源自符串
所以例子的输出是

["ab", "a", "b", 2, "bbabc"]

第二参数的返回值将会被替换到源自符串中,因若js函数无返值那么调用函数会得到undefined,所以如果第二参数无返回值undefined将会被替换到源自符串中。
如果第一参数是一个字符串,同时第二参数是一个函数的话,那就当成第一参数是一个没有分组的正则表达式好了,这样就可以确定第二参数的参数了。


文中有一些表述不当之处,如“替换到源自符串中”(源自符串只是充当模板的角色,并不真正发生改变,字符串是不可改变的变量)。

`window.open()` 函数用于从当前网页打开一个新的浏览器窗口或标签页。它有四个参数,分别是:待加载资源的URL、目标窗口名称以及一些控制窗口特征的字符串选项和最后的一个布尔值(较少使用),下面详细介绍各个参数的作用及示例。 ### 参数说明 1. **url (可选)** - 类型: 字符串(String) - 描述: 指定将要显示的新文档的位置(即URL地址)。如果是空字符串 `""` 或 `"about:blank"` ,则表示仅创建一个空白新窗口而不会导航到任何特定位置。 2. **name (可选)** - 类型: 字符串(String) / 关键词("_self", "_parent", "_top") - 描述: 定义了新窗口的名称;也可以是特殊的保留关键字之一: - `_self`: 在相同的框架内加载 - `_blank`: 默认行为,默认会在新的浏览上下文(如标签页或窗口)中加载指定URL的内容。 - `_parent`: 如果存在嵌套frame,则在一个较高级别的iframe里加载内容; - `_top`: 将会替换整个顶层浏览上下文下的所有内容 3. **specs (可选)** - 类型: 字符串(String),一系列以逗号分隔的关键字及其对应的属性配置项,比如宽度(`width`)高度(`height`)等特性描述信息。如果不提供此参数,默认采用浏览器默认大小。 4. **replace (很少用到, 可选)** - 类型: 布尔(Boolean), true/false. - 当其设置为true时,意味着新开窗口的历史记录条目应该取代现有历史记录条目的最新一项,而不是添加进去。 ### specs 示例 ```javascript // 打开固定尺寸无工具栏且居中的小窗体 var w = window.innerWidth || document.documentElement.clientWidth || screen.width; var h = window.innerHeight|| document.documentElement.clientHeight|| screen.height; w = window.open('http://www.example.com', 'newWindowName', 'resizable=yes, width=500,height=400, top='+(h-400)/2+',left='+((w-500)/2)+' toolbar=no,status=no'); ``` ### 替换旧历史记录实例 ```javascript let newTab = window.open("https://example.org","_blank"); if(newTab){ // Only do this if we're able to open a tab at all setTimeout(() => {newTab.location.replace("https://another-page.com")}, 10); } ``` 以上就是关于 `window.open()` 方法的所有参数解析。希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值