js中replace()、join()、split()的用法

偏执的太偏执、 2022-06-06 05:26 179阅读 0赞

### replace() ###

var detail= '有一项工作\n需要您立即处理\n访问地址是：www.abc.com';
    detail= detail.replace(/\n/g, '<br />');//全部替换,正则表达式在双斜杠之间，g表示全部
    alert(detail);
    //或者 
    var reg = new RegExp( '\n' , "g" )
    var detail = str.replace( reg , '<br/>' );
    alert(detail);

封装成方法：

uiEvents.replaceStr =function(str,newStr){ 
        var reg=new RegExp(str,"g"); 
        return this.replace(reg,newStr); 
    }

调用

var detail = uiEvents.replaceStr( reg , '<br/>' );
    alert(detail);

## split() ##

var str ="Hello World!";
    str.split(""); //["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", "!"]
    str.split(" "); //["Hello", "World!"]
    str.split("",3);//["H", "e", "l"]

//正则表达式
    var numStr = "1a2b3c";
    numStr.split(/\d/);//["", "a", "b", "c"]
    ":a:b:c".split(":");//["", "a", "b", "c"]
    var myStr = "sharejs.com,google.com,baidu.com_weibo.com_haotu.net";
    myStr.split(/[,_]/);//["sharejs.com", "google.com", "baidu.com", "weibo.com", "haotu.net"]

## join() ##

arrayObj.join(separator);separator不填默认是用逗号分隔
    //eg:
    var arr = new Array(3);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr.join();//"George,John,Thomas"
    arr.join(".");//"George.John.Thomas"

拼接两个数组concat

arr1.concat(arr2)
    arr1.push("apple");//往数组添加对象

以上综合使用：

var detail = "字符串反转";
    detail = split('').reverse().join('')
    //输出为“转反串符字”。

参考： [javascript中的split()和join()方法][javascript_split_join]

[javascript_split_join]: http://blog.csdn.net/xiaobangsky/article/details/48316129

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端】js中Map的用法

Map Map是一组键值对结构，具有极快的查找速度。 1. 创建方法一：创建的时候初始化 let mapObj = new Ma

女爷i/ 2022年12月03日 13:27/ 0 赞/ 192 阅读

相关 JS中new.target的用法

1. 什么是new.target? `new.target`允许你检测函数或构造方法是否是通过`new`运算符调用的，若函数或构造方法是由`new`调用的，则`new.t

阳光穿透心脏的1/2处/ 2022年09月03日 10:23/ 0 赞/ 135 阅读

相关 js中typeOf用法

JS中的变量是松散类型（即弱类型）的，可以用来保存任何类型的数据。 typeof 可以用来检测给定变量的数据类型，可能的返回值： 1. 'undefined' --- 这个

太过爱你忘了你带给我的痛/ 2022年08月12日 10:59/ 0 赞/ 285 阅读

相关 js中getElementById()的用法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

冷不防/ 2022年07月24日 06:19/ 0 赞/ 144 阅读

相关 js中的onscroll的用法

onscroll是在元素轴滚动时触发的。 eg:如<div οnscrοll=“myfunc()”></div>是在div滚动条滚动时触发的。 eg:window.onsc

秒速五厘米/ 2022年07月15日 11:52/ 0 赞/ 260 阅读

相关 js中this的用法

说到this，对于它的理解就是：this是指向函数执行时的当前对象，倘若没有明确的当前对象，它就是指向window的。 1.setTimeout(functtion

缺乏、安全感/ 2022年07月15日 07:43/ 0 赞/ 216 阅读

相关 js中with的用法

1. with(arg) \{ 2. statement 3. \} 4. // arg在执行参数体的时候js通过with将arg加入大括号

我就是我/ 2022年07月12日 15:24/ 0 赞/ 254 阅读

相关 JS中"&&"的其它用法

首先来了解一下 “&&”操作符的工作原理： “&&”连接两个表达式，当两侧表达式都为真时，返回TRUE。有一个为假则返回FALSE。那么实际运行时，JavaScript到

素颜马尾好姑娘i/ 2022年03月26日 04:40/ 0 赞/ 323 阅读

相关 js中prototype的用法

看例子就懂了例1 可以在外部使用prototype为自定义的类型添加属性和方法 <script type="text/javascript"> f

阳光穿透心脏的1/2处/ 2021年09月29日 10:34/ 0 赞/ 445 阅读

相关 JS中__doPostBack用法

要理解`__doPostback`函数的用法，首先我们要理解`Asp.net` 中服务端控件事件是如何触发的。 `Asp.net` 中在客户端触发服务端事件分为三种情况：

电玩女神/ 2021年06月26日 16:06/ 0 赞/ 1050 阅读