您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
一纸荒年 发布于2019年11月18日 17:23

原创 JavaScript中String对象常用方法

54 次浏览 读完需要≈ 11 分钟 JavaScript

内容目录

String对象就是和基本数据类型中的String类型相对应的JavaScript脚本内置对象。

length属性

length属性存储目标字符串所包含的字符数

var str = "codeplayer";  //定义字符串
console.log(str.length);  //返回10个字符

concat()

使用字符串 concat()方法可以把多个参数添加到指定字符串的尾部。

var s1 = "code";
var s2 = s1.concat("play" , "er");  //调用concat()连接字符串
console.log(s2);  //返回字符串"codeplayer"

join()

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

var arr = new Array(2)
arr[0] = "codeplayer";
arr[1] = "vip";

console.log(arr.join()) // 返回字符串"codeplayer,vip"
console.log(arr.join(".")) // 返回字符串"codeplayer.vip"

charAt()

使用字符串的charAt()方法,可以根据参数(非负整数的下标值)返回指定位置的字符或字符编码

var str = "Hello world";
console.log(str.charAt(0))  // 返回字符串"H"
console.log(str.charAt(1))  // 返回字符串"e"

charCodeAt()

使用字符串的charCodeAt()方法,可以根据参数(非负整数的下标值)返回指定位置的字符或字符编码

var str = "Hello world";
console.log(str.charCodeAt(0)); //返回"H"的Unicode编码(整型) 72
console.log(String.fromCharCode(72)); //返回Unicode为72的字符H

indexOf()

使用字符串的indexOf()方法查找子串在母串中位置(第一次出现的位置) 找不到返回 -1

var str = "Hello world";
// 如果检索不到会返回-1,检索到的话返回在该串中的起始位置 
console.log(str.indexOf("Hello") > -1); //返回true 0 > -1

// lastIndexOf从后往前查找
console.log(str.lastIndexOf("d")); //返回10

search()

search()方法和 indexOf()的功能是相同的,查找指定字符串第一次出现的位置。但是search()方法仅有一个参数,定义匹配模式。该方法没有lastIndexOf()的反向检索功能,也不支持全局模式。

var str = "Hello world";
// 如果检索不到会返回-1,检索到的话返回在该串中的起始位置 
console.log(str.search("Hello") > -1); //返回true 0 > -1

match()

match() 方法能够找出所有匹配的子字符串,并以数组的形式返回。

var str = "Hello world";
console.log(str.match(/l/g)); // 返回["l", "l", "l"]

replace()

使用字符串中查找匹配的子串(只能替换第一个), 并替换与正则表达式匹配的子串。

var str = "Hello world";
console.log(str.replace("H", "h")); //返回hello world

slice(start,end)

字符串截取[start,end)方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

var str = "Hello world";
console.log(str.slice(6, -1)); //返回worl
console.log(str.slice(6)); //返回world

split()

split()方法用于把一个字符串分割成字符串数组。

var str = "Hello world";
console.log(str.split(" ")); //返回["Hello", "world"]

substr()

substr()方法可在字符串中抽取从 开始 下标开始的指定数目的字符。

var str = "Hello world";
console.log(str.substr(6, 5)); //返回world

substring()

substring()方法用于提取字符串中介于两个指定下标之间的字符,返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

var str = "Hello world";
console.log(str.substring(6, 11)); //返回world

toLowerCase()

toLowerCase()方法用于把字符串转换为小写。。

var str = "Hello world";
console.log(str.toLowerCase()); //返回hello world

toUpperCase()

toUpperCase()方法用于把字符串转换为大写。。

var str = "Hello world";
console.log(str.toUpperCase()); //返回HELLO WORLD

escape()

使用转义序列替换某些字符来对字符串进行编码

var str = "Hello world";
console.log(escape(str)); //返回Hello%20world

unescape()

对使用escape()编码的字符串进行解码

var str = "Hello%20world";
console.log(unescape(str)); //返回Hello world

encodeURI()

通过转义某些字符对 URI 进行编码

ECMAScript v3.0 版本推荐使用 encodeURI()encodeURIComponent() 方法代替 escape() 方法

encodeURI()方法与 escape()方法的编码结果是不同的,但是它们都不会编码 ASCII 字符。
相对而言,encodeURI() 方法更佳安全。它能够将字符转换为 UTF-8 编码字符,然后用十六进制的转义序列(形式为%xx)对生成的 1 字节、2 字节或 4 字节的字符进行编码。

var str = "Hello world";
console.log(encodeURI(str)); //返回Hello%20world

decodeURI()

对使用encodeURI()方法编码的字符串进行解码

ECMAScript v3.0 版本推荐使用decodeURI()decodeURIComponent()方法代替unescape()方法。

var str = "Hello%20world";
console.log(decodeURI(str)); //返回Hello world
  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论