字符串处理笔记1：字符串操作基础（JavaScript）

最新推荐文章于 2021-02-08 08:32:27 发布
最新推荐文章于 2021-02-08 08:32:27 发布
阅读量328 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40119412/article/details/103936047
版权

1、定义字符串

在JavaScript中定义字符串有多种形式。

1.1字符串直接量

使用双引号或单引号包含任意长度的字符文本。

var s="true";
var s="234";
var s="{x:1,y:2}";
var s="[2,3,4]";

说明：单引号中可以包含双引号，双引号中也可以包括单引号。

var s="alert('hello,word')";
var s='alert("hello,world")';
1.2构造字符串

使用String()构造函数可以构造字符串，该函数可以接收一个参数，并把它作为初始值来初始化字符串。

var s=new String();//创建空字符串
var s=new String("构造字符串");

构造字符串与字符串直接量的数据类型差异。

var s1=new String(1);
var s2="1";
alert(typeof s1);//object
alert(typeof s2);//string

var s=String(1,2,3,4);
alert(s);//1
alert(typeof s);//string
1.3使用字符编码

使用fromCharCode()方法可以把字符编码转换为字符串。该方法可以包含多个整数参数，每个参数代表字符的Unicode编码，返回值为字符编码的字符串表示。

var s=[35835,32773,24744,22909],b=[];
for(var i in s){
	b.push(String.fromCharCode(s[i]));
}
alert(b.join(""));//读者您好

var s=[35835,32773,24744,22909],b=[];
var b=String.fromCharCode.apply(null,s);
alert(b);//读者您好

2、字符串的值和字符串长度

2.1字符串的值

使用字符串的toString()方法可以返回字符串的值。

var s="javascript";
var a=s.toString();
alert(a);//javascript

var s="javascript";
var a=s.valueOf();
alert(a);//javascript
2.2字符串的长度

使用字符串的length属性可以读取字符串的长度，以字符个数计算。

var s="javascript";
alert(s.length);//10

获取字符串的字节长度。
利用正则表达式把字符串中双字节字符临时替换为两个字符，然后调用length属性获取临时字符串的长度。

3、字符串连接

使用多个字符串连接在一起的最简单方法是使用加号运算符。

var s1="234";
var s2="jhi";
var c=s1+s2;
alert(c);//234jhi

var s1="234";
var s2=s1.concat("de","56","oo");
alert(s2);//234de56oo

4、字符串查找

4.1获取指定位置的字符

使用字符串的charAt()和charCodeAt()方法，可以根据参数返回指定下标位置的字符或字符编码。

使用charAt()把字符串中每个字符都装入一个数组中，从而可以为String对象扩展一个原型方法，用来把字符串转换为数组。

String.prototype.toArray = function(){
 var l = this.length, a = [];	
	 if( l ){ 
		 for( var i = 0; i < l; i ++ ){  // 遍历字符串，间接枚举每个字符
  			a.push( this.charAt( i ) );  // 把每个字符按顺序装入数组
       		 }
  	  }
   	 return a; 
 }
var s = "abcdefghijklmn".toArray(); // 把字符串转换为数组
for(var i in s){       // 遍历被转换的字符串，并枚举每个字符
    alert(s[i]);
}

var s = "http://www.mysite.cn/index.html";
var n = s.lastIndexOf( "." ); 
alert(n);// 返回值为26，即第三个字符.的下标位置

var s = "http://www.mysite.cn/index.html";
var n = s.lastIndexOf( "." , 11 );  
alert(n);// 返回值为10，而不是15

4.2查找字符串的位置
indexOf()和lastIndex()方法可以根据指定字符串查找它的下标位置。

var s = "javascript";
var i = s.indexOf("a",-10);
alert(i);        // 返回值为1，即字符串中第二个字符

var s = "http://www.mysite.cn/";
var a = s.indexOf( "www" );   
alert(a);// 返回值为7，即第一个字符w的下标位置

var s = "http://www.mysite.cn/";
var b = s.indexOf( "." );    
alert(b);// 返回值为10，即第一个字符.的下标位置
var e = s.indexOf( ".", b+1); 
alert(e); // 返回值为17

var s = "http://www.mysite.cn/index.html";
var n = s.lastIndexOf( "." , 11 );  
alert(n);// 返回值为10

var s = "http://www.mysite.cn/index.html";
var n = s.lastIndexOf( "www" );  
alert(n);// 返回值为7
4.3匹配字符串

search()方法，仅有一个参数。

var s = "http://www.mysite.cn/index.html";
var n = s.search( "//" ); 
alert(n);// 返回值为5

与search()方法相比，match()方法要强大很多，它能够找出所有匹配的子字符串，并存储在一个数组中返回。

var s = "http://www.mysite.cn/index.html";
var a = s.match(/h/g);      // 全局匹配所有字符h
alert( a ); // 返回数组[h,h] 

var s = "http:// www.mysite.cn/index.html"; // 匹配字符串
var a = s.match( /(\.).*(\.).*(\.)/ );  // 执行一次匹配检索
alert( a.length );  // 返回4，说明返回的是一个包含4个元素的数组
alert( a[0] );  // 返回字符串".mysite.cn/index."
alert( a[1] );  // 返回第一个字符.（点号），由第一个子表达式匹配并存储
alert( a[2] );  // 返回第二个字符.（点号），由第二个子表达式匹配并存储
alert( a[3] );  // 返回第三个字符.（点号），由第三个子表达式匹配并存储
alert( a.index ); // 返回值11，说明第一个点号字符的起始下标位置
alert( a.input );// 返回被匹配字符串"http:// www.mysite.cn/index.html"

5、字符串截取

字符串方法说明
slice()根据指定长度来截取一个子串
substr()根据指定的起止下标位置来截止一个子串
substring()返回字符串的一个子串
5.1截取指定长度字符串
var s = "http:// www.mysite.cn/index.html";
var b = s.substr( s.lastIndexOf( "." )+1, 4 ); // 截取最后一个点号后4个字符
alert( b ); // 返回子字符串"html"
5.2截取起止下标位置字符串
var s = "http://www.mysite.cn/index.html";
var a = s.indexOf( "www" );  // 获取起始点下标
var b = s.indexOf( "/", a );  // 获取结束点后下标
var c = s.substring( a, b ); 
 // 返回字符串www.mysite.cn，使用substring()方法
var d = s.slice( a, b );   
alert(d);// 返回字符串www.mysite.cn，使用slice()方法
var s = "http://www.mysite.cn/index.html";
var a = s.indexOf( "www" );   // 获取起始点下标
var b = s.indexOf( "/", a );   // 获取结束点后下标
var c = s.substring( b, a );   // 返回字符串www.mysite.cn
var d = s.slice( b, a );    
alert(d);// 返回空字符串
var s = "http:// www.mysite.cn/index.html";
var a = s.indexOf( "www" );   // 获取起始点下标
var b = s.indexOf( "/", a );   // 获取结束点后下标
var c = s.substring( -b, -a );  // 返回空字符串
var d = s.slice( -b, -a );   // 返回子字符串mysite.cn 
alert(d);// 返回.mysite.cn/in

6、字符串替换

replace()方法能够实现字符串替换。该方法包含两个参数，第1个参数表示执行匹配的正则表达式，第2个参数表示准备代替匹配的字符串。

replace()方法第2个参数中特殊字符

约定字符串说明
$1、$2、……、$99与正则表达式中的第1到99个子表达式相匹配的文本
$&与正则表达式相匹配的子字符串
$`位于匹配子字符串左侧的文本
$’位于匹配子字符串右侧的文本
$$表示$符号
var s = "http:// www.mysite.cn/index.html";
var b = s.replace( /html/, "htm" );  // 把字符串html替换为htm
alert( b );    // 返回字符串"http:// www.mysite.cn/index.htm"
var s = "http:// www.mysite.cn/index.html";
function f( x ){       // 替换文本函数
  return x.substring( x.lastIndexOf(".")+1, x.length - 1 ) 
 // 获取扩展名部分字符串
}
var b = s.replace( /(html)/, f(s));  // 调用函数指定替换文本操作
alert( b );  // 返回字符串"http:// www.mysite.cn/index.htm"

在replace()方法中约定了一个特殊的字符（$），这个美元符号如果附加一个序号就表示对正则表达式中匹配的子表达式存储的字符串引用。

var s = "javascript";
var b = s.replace( /(java)(script)/, "$2-$1");  // 交换位置
alert( b );  // 返回字符串"script-java"

重复字符串。

var s = "javascript";
var b = s.replace( /.*/, "$&$&");
alert( b );  // 返回字符串javascriptjavascript

对匹配文本左侧的文本完全引用。

var s = "javascript";
var b = s.replace( /script/, "$& != $`");
alert( b );  // 返回javascript != java

对匹配文本右侧的文本完全引用。

var s = "javascript";
var b = s.replace( /java/, "$&$' is ");
alert( b );  // 返回javascript is script

7、字符串大小转换

String字符串大小写转换方法

字符串方法说明
toLocaleLowerCase()把字符串转换成小写
toLocaleUpperCase()把字符串转换成大写
toLowerCase()把字符串转换成小写
toUpperCase()把字符串转换成大写
var s = "javascript";
alert(s.toUpperCase());  // 返回字符串" JAVASCRIPT "

8、字符串比较

大于(>), 小于(<)运算符

(function(){
    console.log('18'>'6'); // 输出：false
    console.log(9>'8');  // 输出： true
    console.log('f'>'ABDC') // 输出： true
    console.log(19>'ssf') // 输出 false
    console.log('A'>'abcdef') // 输出 false
})()

相等==,严格相等===运算符

(function(){
   console.log('8'==8) // true
   console.log('3'===3) // false
   console.log(7===7) // true
   console.log('abc'==6) // false
   console.log('abc'=='abc') // true
   console.log('abc'==='abc') // true
})()

9、字符串与数组转换

String()类型的join()方法能够把数组元素连接为字符串。

如果参数为空字符串，则split()方法能够按单个字符进行分切，然后返回与字符串等长的数组。

var s = "javascript";
var a = s.split("");    // 按字符空隙分割
alert( s.length );      // 返回值为10
alert( a.length );      // 返回值为10

如果参数为空，则split()方法能够把整个字符串作为一个元素的数组返回，它相当于把字符串转换为数组。

var s = "javascript";
var a = s.split();     // 空分割
alert( a.constructor == Array );  // 返回true，说明是Array实例
alert( a.length );      // 返回值为1，说明没有对字符串进行分割

如果参数为正则表达式，则split()方法能够以匹配文本作为分隔符进行切分。

var s = "a2b3c4d5e678f12g";
var a = s.split(/\d+/);   // 把匹配的数字为分隔符来切分字符串
alert( a );       // 返回数组[a,b,c ,d,e, f,g]
alert( a.length );      // 返回数组长度为7

如果正则表达式匹配的文本位于字符串的边沿，则split()方法也执行分切操作，且为数组添加一个空元素。但是在IE浏览器中会忽略边沿空的字符串，而不是把它作为一个空元素来看待。

var s = "122a2b3c4d5e678f12g";  // 虽然字符串左侧也有匹配的数字
var a = s.split(/\d+/);   // 把匹配的数字为分隔符来切分字符串
alert( a );       // 返回数组[,a,b,c ,d,e, f,g]
alert( a.length );      // 返回数组长度为8

split()方法支持第二个参数，该参数是一个可选的整数，用来指定返回数组的最大长度。如果设置了该参数，返回的数组长度不会多于这个参数指定的值。如果没有设置该参数，整个字符串都被分割，不考虑数组长度。

var s = "javascript";
var a = s.split("",4);   // 按顺序从左到有，仅分切4个元素的数组
alert( a );      // 返回数组[j,a,v,a]
alert( a.length );     // 返回值为4

如果想使返回的数组包括分隔符或分隔符的一个或多个部分，可以使用带子表达式的正则表达式来实现。

var s = "aa2bb3cc4dd5e678f12g";
var a = s.split(/(\d)/);   // 使用小括号包含数字分隔符
alert(a);   // 返回数组[aa,2,bb,3,cc,4,dd,5,e,6,,7,,8,f,1,,2,g]

小写字母a的编码为97，大写字母A的编码为65，则比较时字符串"a"就大于"A"。

alert( "a" > "A" );  // 返回true
var s = "javascript"; // 定义字符串直接量
var a = s.split( "" );  // 把字符串转换为数组
var s1 = a.sort( function( a, b ) { // 对数组进行排序
    return a.localeCompare( b )  // 将根据前后字符在本地的约定进行排序
});
a = s1.join( "" );  // 然后再把数组还原为字符串
alert( a );      // 返回字符串"aacijprstv"

10、字符串格式化

下面示例演示了如何使用上面字符串方法为字符串定义格式化显示属性：

var s = "abcdef";
document.write(s.bold());    // 定义加粗显示字符串"abcdef"
document.write(s.link("http:// www.mysite.cn/"));
 // 为字符串"abcdef"定义超链接，指向mysite.cn域名
document.write(s.italics());   // 定义斜体显示字符串"abcdef"
document.write(s.fontcolor("red")); // 定义字符串"abcdef"红色显示

在这里插入图片描述

11、字符编码和解码

JavaScript编码和解码方法

方法说明
escape()使用转义序列替换某些字符来对字符串进行编码
unescape()对使用escape()编码的字符串进行解码
encodeURI()通过转义某些字符对URI进行编码
decodeURI()对使用encodeURI()方法编码的字符串进行解码
encodeURIComponent()通过转义某些字符对URI的组件进行编码
decodeURIComponent()对使用encodeURIComponent()方法编码的字符串进行解码
  • escape()和unescape()方法
var s = "javascript中国";
s = escape(s);
alert(s);

在这里插入图片描述

var s = "javascript中国";
s = escape(s);     // Unicode编码
alert(s);      // 返回字符串"javascript%u4E2D%u56FD"
s = unescape(s);    // Unicode解码
alert(s);      // 返回字符串"javascript中国"

在这里插入图片描述

在这里插入图片描述

这种被解码的代码是不能够直接运行的，读者可以使用eval()方法来执行它。

var s = escape('alert("javascript中国");');  // 编码脚本
var s = unescape( s);        // 解码脚本
eval(s);           // 执行被解码的脚本

在这里插入图片描述

  • encodeURI()和decodeURI()方法

encodeURI()方法能够把URI字符串进行转义处理。

var s = "javascript中国";
s = encodeURI(s);
alert(s); //javascript%E4%B8%AD%E5%9B%BD
var s = "javascript中国";
s = encodeURI(s);   // URI编码
alert(s);     // 返回字符串"javascript%E4%B8%AD% E5%9B%BD"
s = decodeURI(s);   // URI解码
alert(s);     // 返回字符串" javascript中国"
  • encodeURIComponent()和decodeURIComponent()方法
var s = "http:// www.mysite.cn/navi/search.asp?keyword=URI";
a = encodeURI(s);
document.write(a);
document.write("<br />");
b = encodeURIComponent(s);
document.write(b);

在这里插入图片描述

对于encodeURIComponent()方法编码的结果进行解码，可以使用decodeURIComponent()方法来快速实现：

var s = "http:// www.mysite.cn/navi/search.asp?keyword=URI";
b = encodeURIComponent(s);
b = decodeURIComponent(b)
document.write(b);

在这里插入图片描述

12、Unicode编码和解码

var toUnicode = String.prototype.toUnicode = function(){
// 对字符串进行编码方法
 var _this = arguments[0] || this; 
  function f(){ // 定义替换文本函数
      return "&#" + arguments[0].charCodeAt(0) + ";";
  // 以网页编码格式显示被编码的字符串
   }
   return _this.replace(/[^\u00-\uFF]|\w/gmi, f); 
 // 使用replace()方法执行匹配、替换操作
};

var s = "javascript中国";  // 定义字符串直接量
s = toUnicode(s);  // 以静态方式调用toUnicode()方法
alert(s);       // 返回Unicode编码字符串

var s = "javascript中国";
s = s.toUnicode();    // 以String对象的方法调用toUnicode()方法
alert(s);
document.write(s);//JavaScript中国

在这里插入图片描述

var fromUnicode = String.prototype.fromUnicode = function(){
// 对Unicode编码进行解码操作
   var _this = arguments[0] || this; 
 // 判断是否存在参数，如果存在则使用静态方法调用参数值，
 function f(){ // 定义替换文本函数
      return String.fromCharCode(arguments[1]); 
  // 把第一个子表达式值（Unicode编码）转换为字符
   }
   return _this.replace(/&#(\d*);/gmi, f); 
 // 使用replace()匹配并替换Unicode编码为字符
};

var s = "javascript中国";   // 定义字符串直接量
s = s.toUnicode();     // 对字符串进行Unicode编码
alert(s);        // 返回字符串

s = s.fromUnicode();    // 对被编码的字符串进行解码
alert(s);        // 返回字符串“javascript中国”
HaanLen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 学习笔记二 字符串拼接
12-07
在JavaScript编程语言中，字符串是不可变的，这意味着一旦创建了一个字符串，就不能修改它的内容。因此，当进行字符串拼接时，尤其是频繁拼接大量字符串时，会涉及到大量的内存分配和复制，这会显著影响程序的性能。...
JavaScript 学习笔记（七）字符串的连接
01-19
(1) 创建存储”hello”的字符串。 (2) 创建存储”world”的字符串。 (3) 创建存储连接结果的字符串。 (4) 把str的当前内容复制到结果中。 (5) 把”world”复制到结果中。 (6) 更新str，使它指向结果。 每次完成字符...
字符串的处理以及相关知识整理
weixin_33742618的博客
04-19 71
关于字符串操作的相关函数 我们知道，在编写程序时，了解一定数量的函数，能让你节省不少时间。同时，理解c++或者c语言内部的函数原理也有助于我们进一步理解编程的思想。 字符串的操作的基本函数： strcpy(p, p1) 复制字符串 strncpy(p, p1, n) 复制指定长度字符串 strcat(p, p1) 附加字符串 strncat(p, p1, n) 附加指定长度字符串 strle...
PHP 字符串处理 笔记
王嘟嘟的博客
02-10 187
前言 1.输出函数总结 函数名 作用 echo 输出字符串 print 输出一个或多个字符串 die 输出字符串并退出当前脚本 printf 格式化输出字符串 sprintf 把格式化字符串输入到一个变量里 2.删除和填补字符函数 2.1 ltrim ltrim用于去除字符串开始处的空字符或其他字符 2.2 rtrim rtrim用于去除字符串结尾处的空白字符或...
字符串处理操作
宴夜小丑的博客
05-28 214
首先，包含头文件string #include string1.定义和构造初始化 声明字符串变量string s;2.字符串操作函数1、添加字符+s+=str;//加个字符串 s+=”my name is jiayp”;//加个C字符串 s+=’a’;//加个字符 2、插入字符在string中间的某个位置插入字符串，可以用insert()函数，指定一个安插位置的索引，被插入的字符串将放在这个索引的...
机试 字符串处理 操作笔记
一位浪漫的极客
07-20 222
基础知识一定一点记牢，机试都是闭卷！ 字符数组 IO：都是%s，唯一一个可以不加&的scanf。另外，scanf("%c", &ch); 可以读入换行和空格，如果为了节约Input时间或输入格式要求，可以用scanf(" %c", &ch); 在%c前面加上空格，这样就把缓冲区中的回车当成第一个字符，读取后丢掉。 比较大小用strcmp(s1, s2)<0说明s...
[转载] python中join的使用
u013946150的博客
02-08 465
参考链接： Python中的join join的用法： join是python中 字符串 自带的一个方法： 官方解释如下： S.join（可迭代） - > str 返回一个字符串，该字符串是字符串的串联 迭代。 元素之间的分隔符是S. 就是可以理解为： 将一个包含多个字符串的可迭代对象，转为用分隔符s连接的字符串，案例见下： 1.可迭代对象为列表： tt = ["12", "345", "67"] cc = ''.join(tt) ee = '?'.join(t...
javascript框架设计读书笔记之字符串的扩展和修复
10-25
本文是司徒正美的《javascript框架设计》的第三章第一节的读书笔记，简单介绍了javascript字符串的扩展和修复，小伙伴们参考下吧
字符串处理--常用的方法
lizhensen的博客
08-03 3262
1.转换输入文本红的回车和空格 应用String类中的replaceAll（）方法，将用户输入的空格和回车替换为html代码中的&lt;br&gt;和&lt;&amp;nbsp&gt;，该方法用于将字符串中单某个子字符串替换为指定的字符串，其语法格式如下： replaceAll(String regex,String replacement) 参数说明： regex:字符串中原来的子字符串...
计算机电子书 2019 BiliDrive 备份
热门推荐
龙哥盟
01-23 5万+
下载方式 pip install BiliDriveEx bdex download <link> 链接 文档 链接 传智播客轻松搞定系列 C、C++、Linux、设计模式.7z (33.34 MB) bdex://3e61aa15633455b6085369590be379ab74caea46 达内 MyBatis 核心_扫描版_2.42M.pdf (2.43...
SQL Server 如何合并组内字符串
xiaohuihui_1992的博客
05-27 697
就是在SQL SERVER实现类似MYSQL中group_concat函数的功能，把分组中的字串拼接起来。SQL Server 2017可以用STRING_AGG函数实现，比如SELECT G, STRING_AGG(S, ',') FROM T GROUP BY G（按表T的G字段分组，组内S字段拼接起来）; 但2016版没有STRING_AGG函数，就会麻烦很多： SELECT p2.G, SS = JSON_VALUE( REPLACE( (SELE...
JavaScript字符串操作函数
abczdefg的博客
04-06 345
JavaScript的字符串操作
JavaScript基本数据类型和基础语法
weixin_49722641的博客
08-31 155
核心（ECMAScript） 文档对象模型（DOM） Document object model (整合js，css，html) 浏览器对象模型（BOM） Broswer object model（整合js和浏览器） 1.JavaScript的引入方式 直接编写 可以放在head和body标签内，建议放在body里的最后面，将html标签加载完成后加载js。 <script> alert('hello') /*alert访问网页时会在地址栏出现一个hello框*/ </script&g
IAR 下载 Fatal error: Failed to identify device. Check connections and/or reset hardware
Cool2050的博客
05-26 2933
调试好第一个程序-----点亮LED灯。编译运行通过了，但在下载的时候出现 的提示如下： Fatal error: Failed to identify device. Check connections and/or reset hardware Session aborted! 解决办法： 就是要打开SmartRF Flash Programmer，让IAR识别这个下载调试器，这样就能成功解决这个问题！ ...
nginx-http-sysguard模块
lvshuocool的博客
05-11 1万+
一、作用 防止因nginx并发访问量过高或者遭受攻击造成服务器宕机，可根据负载设置界面跳转。 二、安装配置 1.下载模块软件包 wget https://github.com/alibaba/nginx-http-sysguard/archive/master.zip unzip /opt/master.zip 2.给nginx打nginx_sysguard补丁 cd /ng...
字符串操作与处理
阳寜的博客
01-05 521
字符串是我们不可避免遇到的一种数据对象，本文详细介绍了对字符串的各种基本处理方法如：提取字符、分割字符等等。
[JavaWeb-04]HTML和CSS
学哥斌的博客
01-22 349
1、前言   JavaWeb即使用Java语言开发基于互联网的项目。 1.1 软件架构   软件架构分为C/S架构和B/S架构，C指的是Client，B指的是Browser，S指的是Server。比如QQ、迅雷等就是C/S架构。而B/S架构的就是使用浏览器来解析。   B/S架构使用到了静态资源和动态资源，静态资源是使用静态网页开发技术发布的资源，特点是所有用户都能访问，得到的结果一致，如文本、图...
JavaScript基础教程：变量、字符串与布尔操作详解
本资源是一份详细的JavaScript教程学习笔记文档，主要涵盖了JavaScript语言的基础概念和常见操作。以下是笔记中的核心知识点： 1. **变量和数据类型**: - JavaScript支持双标签（`<script>`）用于引入外部脚本文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值