ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

字符串方法

2021-06-10 11:03:21  阅读:165  来源: 互联网

标签:beauty write let str 字符串 document 方法


基础知识,学了之后也没用过,都忘了怎么用了,字符串方法和数组方法有点搞混,记录一下

1. charAt() - 返回指定索引位置的字符

第一个字符位置为0,第二个为1,以此类推...
只返回一个字符

实例

let str = "hello word";
let n = str.charAt(4);
document.write(n); // o

2. charCodeAt() - 返回指定位置字符的Unicode编码

实例

let str = "Hello word";
let n = str.charCodeAt(0); //H
document.write(n); // 72

3. indexOf() - 返回字符串中指定字符第一次出现的位置(索引)

返回指定字符首次出现的位置,如果没有找到,返回 -1
区分大小写
接受作为检索起始位置的第二个参数

实例

let str = "Hello beauty, do you like me ?";
let n = str.indexOf("beauty");
document.write(n); // 6

    let str = "The full name of China is the People's Republic of China.";
    let pos = str.indexOf("China", 18);
    document.write(str.length);		//57
    document.write('<br />');
    document.write(pos);		//51

4. lastIndexOf() - 返回指定字符最后出现的位置

该方法默认从0开始计算指定字符串出现的最后位置,如果指定第二参数start,则在一个字符串中指定位置从后向前搜索
如果没有找到匹配字符串则返回 -1 。区分大小写

实例

let str = "I am from runoob,welcome to runoob site";
let n = str.lastIndexOf("runoob");
document.write(n); // 28

let str = "I am from runoob,welcome to runoob site";
let n = str.lastIndexOf("runoob",20);
document.write(n);  //10

5. search() - 搜索特定值的字符串,并返回匹配的位置

与indexOf()方法类似,区别在于
- search()方法无法设置第二个开始位置参数
- indexOf()方法无法设置更强大的搜索值(正则表达式)

实例

let str = "Hello beauty, do you like me ?";
let n = str.search("beauty");
document.write(n); // 6

6. concat() - 连接两个或更多字符串,并返回新字符串

没有改变原字符串,但是会返回一个新字符串

实例

let str1 = 'hello ';
let str2 = 'beauty!';
let n = str1.concat(str2);
document.write(n); //hello beauty!

//concat() 方法可用于代替加运算符。下面两行是等效的:
var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

7. includes() - 查找字符串中是否包含指定的字符串

返回布尔值,true/false

实例

let str = "Hello beauty, do you like me ?";
let n = str.includes("beauty");
document.write(n); // true

8. replace() - 在字符串中方查找匹配的子串,并替换与正则表达式匹配的子串

该方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
不会改变原始字符串,会返回新的字符串
请注意正则表达式不带引号。

实例

let str="Visit Microsoft! Visit Microsoft!";
let n=str.replace("Microsoft","Runoob");
document.write(n); // Visit Runoob!Visit Microsoft!

let str="Visit Microsoft! Visit Microsoft!";
let n=str.replace(/Microsoft/g,"Runoob");
document.write(n); // Visit Runoob!Visit Microsoft!

9. slice() - 截取字符串(一)

提取字符串的片段,并在新的字符串中返回被提取的部分
slice(start,end) 从第start个开始,截取到第end个结束
slice(-9,-5) 从倒数第9个开始,截取到倒数第5个
slice(3) 若省略第二参数,从第三个字符开始,截取到最后一个字符
slice(-16) 负数是从后面数

实例

let str = "Hello beauty, do you like me ?";
let n = str.slice(6,12);
document.write(n); // beauty

let str = "Hello beauty, do you like me ?";
let n = str.slice(-9, -5);
document.write(n);	//like

let str = "Hello beauty, do you like me ?";
let n = str.slice(5);
document.write(n);	// beauty, do you like me ?

let str = "Hello beauty, do you like me ?";
let n = str.slice(-16);
document.write(n);	// do you like me ?

10. substring() - 截取字符串(二)

类似于 slice() ,区别在于,substring()无法接受负的索引
如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。

实例

let str = "Hello beauty, do you like me ?";
let n = str.substring(6,12);
document.write(n); // beauty

11. substr() - 截取字符串(三)

类似 slice(),区别在于第二个参数规定被提取部分的长度
如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分。
如果首个参数为负,则从字符串的结尾计算位置。
第二个参数不能为负,因为它定义的是长度。

实例

let str = "Hello beauty, do you like me ?";
let n = str.substr(6,6);
document.write(n); // beauty

12. toUpperCase() 把字符串转换为大写

实例

let str = 'hello beauty';
let n = str.toUpperCase();
document.write(n);		//HELLO BEAUTY

13. toLowerCase() 把字符串转换为小写

实例

let str = 'HELLO BEAUTY';
let n = str.toLowerCase();
document.write(n);		//hello beauty

14. trim() - 山粗字符串两端的空白符

实例

let str = '      HELLO BEAUTY     ';
let n = str.trim();
document.write(n);		//HELLO BEAUTY

15. split() - 将字符串转换为数组

实例

let str = 'hello beauty';
let n = str.split('');
document.write(n);		//h,e,l,l,o, ,b,e,a,u,t,y

标签:beauty,write,let,str,字符串,document,方法
来源: https://www.cnblogs.com/zoro-feng/p/14868843.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有