常用的js字符串函数集合

常用的js字符串函数集合

一、其他数据类型转换为字符串类型

(1).最直接的  给数据加引号(任何数据类型加上引号都变成字符串)

var num = 24;

var str = "24";

console.log(str);  // 返回值为: 24

console.log(typeof(num));  // 返回值为:number  typeof() 判断类型

console.log(typeof(str));  // 返回值为:string  typeof() 判断类型

(2-1).toString()

var num = 24;

var str = num.toString();

console.log(str);  // 返回值为: 24

console.log(typeof(str));  // 返回值为:string  typeof() 判断类型

(2-2).String()

var num = 24;

var str = String(num);

console.log(str);  // 返回值为: 24

console.log(typeof(str));  // 返回值为:string  typeof() 判断类型

(3).join() 方法    把数组中的所有元素放入一个字符串

var arr = ["abc","def","ghi!"];

var str = arr.join(''); // ' ' 中加间隔符  为空默认不加

console.log(str);  // 返回值为:abcdefghi

console.log(typeof(str));  // 返回值为:string  typeof() 判断类型

二、split() 字符串分割

(1).将字符串按要求拆分以数组的形式返回

var str = "abcd,efgh,ijkl";

var arr1 = str.split(","); // 以“,”为界分割字符串

var arr2 = str.split(",",2); // 第二个参数,表示返回的字符串数组的最大长度

console.log(arr1);  // 返回值为:["abcd", "efgh", "ijkl"]

console.log(arr2);  // 返回值为:["abcd", "efgh"]

(2).将字符串逐个拆分以数组的形式返回

var str = "abcd,efgh,ijkl";

var arr1 = str.split("");

var arr2 = str.split("",8); // 第二个参数,表示返回的字符串数组的最大长度

console.log(arr1);  // 返回值为:["a", "b", "c", "d", ",", "e", "f", "g", "h", ",", "i", "j", "k", "l"]

console.log(arr2);  // 返回值为: ["a", "b", "c", "d", ",", "e", "f", "g"]

三、replace() 字符串替换

var str = "abcd,efgh,ijkl,efghwxyz";

var replaceStr1 = str.replace("efgh"," ");  //第二个参数为空是默认删除

var replaceStr2 = str.replace(/efgh/,"aaaa");  //第二个参数不为空时,替换对应字符串,默认只进行第一次匹配操作的替换

var replaceStr3 = str.replace(/efgh/g,"aaaa"); //默认只进行第一次匹配操作的替换,想要全局替换,需要加上正则全局标识 g

console.log(replaceStr1); // 返回值为:abcd, ,ijkl,efghwxyz

console.log(replaceStr2); // 返回值为:abcd,aaaa,ijkl,efghwxyz

console.log(replaceStr3); // 返回值为:abcd,aaaa,ijkl,aaaawxyz

四、获取字符串长度

var str = "abcd,efgh,ijkl,efghwxyz";

var strLength = str.length;

console.log(strLength); // 返回值为:23

五、indexOf() / lastIndexOf()查询子字符串(判断字符串内是否包含子串)

(1).indexOf() 正向查找  该方法对大小写敏感,返回字符串中一个子元素第一次出现的下标值(从左到右搜索),如果没有匹配项,返回 -1

var str="Hello world!";

var index0 = str.indexOf("llo");

var index1 = str.indexOf("l");

var index2 = str.indexOf("o",3);  // 第二个参数为开始查询的位置下标

var index3 = str.indexOf("a");

console.log(index0); // 返回值为:2  返回字符串中一个子元素第一次出现的下标值(从左到右搜索)

console.log(index1); // 返回值为:2  返回字符串中一个子元素第一次出现的下标值(从左到右搜索)

console.log(index2); // 返回值为:4  返回字符串中一个子元素第一次出现的下标值(从左到右搜索)

console.log(index3); // 返回值为:-1  没有匹配项,返回 -1

(2).lastIndexOf() 反向查找  该方法对大小写敏感。返回字符串中一个子元素第一次出现的下标值(从右到左搜索),如果没有匹配项,返回 -1

var str = "Hello world!";

var index0 = str.lastIndexOf("lo"); 

var index1 = str.lastIndexOf("l"); 

var index2 = str.lastIndexOf("o",5);  // 第二个参数为开始查询的位置下标

var index3 = str.lastIndexOf("a");

console.log(index0); //返回值为:3

console.log(index1); //返回值为:9

console.log(index2); //返回值为:4

console.log(index3); //返回值为:-1  没有匹配项,返回 -1

六、字符串匹配

//(1).match()  使用字符串直接进行匹配,被匹配的字符串内包含要匹配的字符串时,返回所要匹配的字符串 没有返回 null

var str = "abcd,efgh,ijkl,efghwxyz!";

var matchStr0 = str.match("ij");

var matchStr1 = str.match("pp");

console.log(matchStr0); // 返回值为:ij

console.log(matchStr1); // 返回值为:null

(2).search()  进行正则匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1

var str = "abcd,efgh,ijkl,efghwxyz!";

var regexp0 = /ghw/;

var regexp1 = /jqk/;

var matchStr0 = str.search(regexp0);

var matchStr1 = str.search(regexp1);

console.log(matchStr0); //返回值为: 17 

console.log(matchStr1); //返回值为: -1

七、字符串连接

//(1).普通方法

var str1 = "Hello";

var str2 = "world!";

var newStr = str1+" "+str2;

console,log(newStr)  //返回值为:Hello world!

(2).concat() 方法

var str1 = "Hello";

var str2 = " world,";

var newStr = str1.concat(str2);

console,log(newStr)  //返回值为:Hello world!

八、字符串切割和提取

(1).slice()  (不包括截取点)

var str = "hello world!";

var sliceStr1 = str.slice(-3);  //一个参数时 默认截取全部  负数时为倒序截取 正序输出

var sliceStr2 = str.slice(-3,-1);  //两个参数时  第一个为截取起点,第二个为截取终点

var sliceStr3 = str.slice(3);  //一个参数时 默认截取全部  正数是为正序截取 正序输出

var sliceStr4 = str.slice(3,7);  //两个参数时  第一个为截取起点,第二个为截取终点

console.log(sliceStr1); //返回值为: ld!

console.log(sliceStr2); //返回值为: ld

console.log(sliceStr3); //返回值为: lo world!

console.log(sliceStr4); //返回值为: lo w

(2).substr()  (包括截取点)

var str = "hello world!";

var substrStr1 = str.substr(3);  //一个参数时 默认截取全部

var substrStr2 = str.substr(3,7);  //第二个参数为截取的个数

console.log(substrStr1); //返回值为: lo world!

console.log(substrStr2); //返回值为: lo worl

(3).substrsubstring (包括截取点)

var str = "hello world!";

var substringStr1 = str.substring(3);  //一个参数时 默认截取全部

var substringStr2 = str.substring(3,7);  //两个参数为截取起点和终点位置

console.log(substringStr1); //返回值为: lo world!

console.log(substringStr2); //返回值为: lo w

九、字符串大小写转换

(1).toLowerCase() 大写变小写

var str = "Hello World!";

var lowCaseStr = str.toLowerCase();

console.log(lowCaseStr); //返回值为: hello world!

(2).toUpperCase() 小写变大写

var str = "Hello World!";

var upCaseStr = str.toUpperCase();

console.log(upCaseStr); //返回值为: HELLO WORLD!

十、trim() 字符串去空格

var str = "    hello world      "; 

var trimStr = str.trim();  // 默认去掉全部空格

console.log(trimStr) // 返回值为:hello world

十一、charAt()  返回指定位置的字符

var str = "abcdefg";

var char = str.charAt(4);

console.log(char);  // 返回值为: e

十二、charCodeAt()  获取指定字符的字符编码值 (ASCII码)

var str = "abcdefg";

var char = str.charCodeAt(4);

console.log(char);  // 返回值为:101

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容

  • JS基本数据类型及变量声明在js中有三种声明变量的方式:var let const,let var const的区...
    web佳阅读 899评论 1 8
  • 一、数组 数组是一个有序列表,所以有下标. 并且数组在js中可以存在任意类型的数据.并且同一个数组中可以存放不同的...
    空谷悠阅读 503评论 0 1
  • Javascript有很多字符串的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,...
    顽皮的雪狐七七阅读 2,136评论 0 2
  • 一、Python简介和环境搭建以及pip的安装 4课时实验课主要内容 【Python简介】: Python 是一个...
    _小老虎_阅读 5,719评论 0 10
  • 离开家乡已经12个年头了,在上海度过了很多个酷热的夏天,每天在空调房里倒也不觉得南北方夏天有什么区别。最近几个夏天...
    晋三公子阅读 509评论 4 4