首页 / JAVASCRIPT / JavaScriptString对象代码实例深入理解

JavaScriptString对象代码实例深入理解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScriptString对象代码实例深入理解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10046字，纯文字阅读大概需要15分钟。

内容图文

本文主要介绍并分析JavaScript中String对象的具体用法，以及和String对象相关的方法，方便开发者在JavaScript开发中更好地处理字符串。

1. 介绍

String 对象，对字符串进行操作，如：截取一段子串、查找字符串/字符、转换大小写等等。

2. 定义方式

2.1 new String(Value) 构造函数：返回一个内容为Value的String对象
参数：

①value {String} ：字符串

返回值：

{String对象} 返回一个内容为Value的String对象

示例：

var demoStr = new String('abc');
console.log(typeof demoStr); // => object
console.log(demoStr); // => abc

2.2 直接赋值(推荐)
示例：

var demoStr = 'abc';
console.log(typeof demoStr); // string
console.log(demoStr); // => abc

3. 实例属性

3.1 length ：返回字符串中的字符数

var s = 'abc';
console.log(s.length); // => 3
console.log('新年快乐'.length); // => 4 ：一个中文字符也计算为1个数量
console.log(''.length); // => 0 ：空字符串返回0

4. 实例方法

注意：字符串的实例方法不会改变字符串的本身，只返回操作后的结果。

4.1 charAt(index) ：返回一个字符串中指定位置的字符，编号从0开始，若传入个不存在的数值，就返回空字符串
参数：

①index {int} ：位置索引，从0开始计算

返回值：

{string} 返回一个字符串中指定位置的字符；若传入个不存在的位置数值，返回一个空字符串

示例：

var s = 'abc';
console.log(s.charAt(1)); // => b ：返回位置为1的字符
console.log(s); // => 不影响原来的数组
console.log(s.charAt(5)); // => '' ：获取一个不存在位置的字符，返回一个长度为0的空字符串

4.2 charCodeAt(index) ：返回一个字符串中指定位置字符的Unicode编码
参数：

①index {int} ：位置索引，从0开始计算

返回值：

{number} 返回一个字符串中指定位置字符的Unicode编码；若传入个不存在的位置数值，返回NaN

示例：

var s = 'abc';
console.log(s.charCodeAt(0)); // => 98 ：字符b的Unicode编码
console.log(s.charCodeAt(5)); // => NaN ：获取一个不存在位置的字符，返回NaN

4.3 concat(value1,value2 … valueN) ：连接一个或多个字符串,并返回连接后的字符串
参数：

①value1,value2 … valueN {string} ：一个或多个字符串

返回值：

{string} 返回连接后的字符串

示例：

var s = 'abc';
console.log(s.concat('d')); // => abcd
console.log(s); // => abc ：不影响原先的字符串
console.log(s.concat('d', 'e')); // => abcde

4.4 indexOf(value , |startPosition ) ：在实例中从前往后查找一个字符串或字符，并返回找到的位置(从0开始计数)。若未找到，返回-1
参数：

①value {string} ：查找的字符串

②startPosition {int} 可选：开始查找的起始位置，默认从位置0开始查找

返回值：

{int} 返回找到的位置(从0开始计数)。若未找到，返回-1

示例：

var s = 'abc';
console.log(s.indexOf('b')); // => 1
console.log(s.indexOf('d')); // => -1 ：未找到
console.log(s.indexOf('b', 2)); // => -1 ：从位置2(第3个字符处)开始查找

4.5 lastIndexOf(value , |startPosition ) ：在实例中从后往前开始查找一个字符串或字符，并返回找到的位置(从0开始计数)。若未找到，返回-1
参数：

①value {string} ：查找的字符串

②startPosition {int} 可选：开始查找的起始位置，默认从最后开始查找

返回值：

{int} 返回找到的位置(从0开始计数)。若未找到，返回-1

示例：

var s = 'abcabc';
console.log(s.lastIndexOf('a')); // => 3 ：从后往前查找
console.log(s.lastIndexOf('d')); // => -1 ：未找到返回-1
console.log(s.lastIndexOf('a', 2)); // => 0 ：从位置2(第3个字符处)开始往前查找

4.6 localeCompare(value) ：实例与参数进行比较，返回比较结果
参数：

①value {string} ：需比较的字符串

返回值：

0 ：实例比参数大

1 ：实例与参数相等

-1 ：实例比参数小

示例：

var s='abc';
console.log(s.localeCompare('ab')); // => 1 ：实例比参数大
console.log(s.localeCompare('abc')); // => 0 ：实例与参数相等
console.log(s.localeCompare('abd')); // => -1 ：实例比参数小

4.7 match(regexp) ：使用正则表达式进行匹配查找
参数：

①regexp {regexp} ：正则表达式，eg：/\d+/

返回值：

根据正则表达式是否带属性’g'，返回不同的结果；若没匹配，就返回 {null}：

①正则表达式不带属性’g'，执行一次匹配，返回{单个匹配}结果对象，对象包含以下属性：

数组序号：表示匹配结果，0为匹配文本，1为从做到右第1个圆括号匹配结果，2为第二个圆括号，依此类推

index属性：表示匹配文本在匹配源的开始位置

input属性：表示匹配源

②正则表达式带属性’g'，执行全局匹配，找到字符串所有匹配对象，返回一个{字符串数组}：数组元素包含string中的每一个匹配对象，不包含正则表达式括号内的字串，也不提供index和input属性。

示例：

// 1.单个匹配
var s = 'a1b2c3d4';
var mc = s.match(/\d+/); // => 获取第一个正则匹配的结果
if (mc != null) {
    console.log(mc.index); // => 1 ：匹配结果在匹配源的起始位置
    console.log(mc.input) // => a1b2c3d4 ：匹配源
    console.log(mc[0]); // => 1 ：获取匹配到的结果
}
// 2.全局匹配
var mcArray = s.match(/\d+/g); // => 获取全部正则匹配的数字
if (mcArray != null) {
    for (var i = 0,len=mcArray.length; i < len; i++) {
        var mc=mcArray[i];
        console.log(mc); // => 1,2,3,4 ：获取匹配到的结果
    }
}
// 3.带括号的匹配
s = 'a1b2c3d4';
mc = s.match(/[a-z]([1-9])/); // => 获取第一个正则匹配的结果
if (mc != null) {
    console.log(mc.index); // => 0 ：匹配结果在匹配源的起始位置
    console.log(mc.input) // => a1b2c3d4 ：匹配源
    console.log(mc[0]); // => a1 ：序号0表示匹配到的结果
    console.log(mc[1]); // => 1 ：序号1表示第一个括号内的子匹配结果
}

4.8 replace(regexp, replaceStr) ：替换正则表达式匹配的子串，并返回替换后的字符串
参数：

①regexp {regexp} ：正则表达式。eg：/\d+/

②replaceStr {string | function} ：

1）若是字符串，表示替换的字符串，匹配到字串都替换成此字符串；

字符串中的$字符有特殊的含义：

$1,$2 … $99 ：表示①参从左到右圆括号的匹配子项

$& ：表示整个①参匹配的子项

$$ ：美元符号

2）若是函数，表示每个匹配结果都调用此函数，函数的唯一参数为匹配结果,并返回一个替换结果。

返回值：

{string} 返回一个替换后的字符串

示例：

var oldStr = 'a1b2c3d4';
// 1.正则匹配到【所有】数字，替换成：','逗号
var newStr = oldStr.replace(/\d+/g, ',');
console.log(newStr); // => a,b,c,d,
// 2.正则匹配到【所有】数字，替换成：匹配结果 + ','逗号
newStr = oldStr.replace(/\d+/g, '$&,');
console.log(newStr); // => a1,b2,c3,d4,
// 3.正则匹配到【所有】数字，每个匹配结果都调用函数，并返回替换后的结果
newStr = oldStr.replace(/\d+/g, function (word) {
    if (word % 2 == 0) {
        return '偶';
    }
    return '奇';
});
console.log(newStr); // => a奇b偶c奇d偶

4.9 search(regexp) ：返回查找正则表达式第一个匹配的位置
参数：

①regexp {regexp} ：正则表达式。eg：/\d+/

返回值：

{int} 返回第一个匹配的结果的位置；若没找到匹配结果返回-1

示例：

console.log( 'abcd'.search(/\d+/) ); // => -1 ：没有找到数字
console.log( 'abcd1234'.search(/\d+/) ); // => 4 ：位置序号为4，返回第一个数字的位置

4.10 slice(start, |end)：返回从字符串start位置到end前一个位置的子串
参数：

①start {int} ：子串提取的开始位置索引(包括此位置的字符)。

若数字为负，表示从字符串尾部开始计算。如：-1表示倒数一个字符串，-2表示倒数第二个字符。

②end {int} 可选：子串提取的结束位置索引(不包括此位置的字符)。

若数字为负，表示从字符串尾部开始计算。如：-1表示倒数一个字符串，-2表示倒数第二个字符。

若省略此参数，返回从start位置到结束的所有字符。

注意：

子串的提取顺序是从左到有，若start索引位置大于end索引位置，将返回一个空字符串。

返回值：

{string} 返回从字符串start位置到end前一个位置的子串。

示例：

var s = 'abcdefg';
console.log( s.slice(1) ); // bcdefg ：省略end参数，结束位置为末尾
console.log( s.slice(1, 3) ); // bc ：返回从位置序号1到位置序号2(end前一个位置)的子串
console.log( s.slice(-3) ); // efg ：返回从倒数第三个开始到末尾的所有字符
console.log( s.slice(-3, -1) ); // ef ：返回从倒数第三个开始到第二个(end前一个位置)的所有字符

4.11 split(delimiter, |arrayLength) ：将字符串按照某种分隔符切分成一个由字符串组成的数组并返回
参数：

①delimiter {regexp | string} ：指定的分隔符，可以为正则表达式或字符串。

②arrayLength {int} 可选：分割数组的长度。若省略，返回所有分割的子串。

注意：

若分隔符在字符串的第一个或最后一个，将添加一个空字符串到返回的数组。

返回值：

{ string[] } 返回一个由字符串组成的数组。

示例：

console.log( 'a,b,c,d,e'.split(',') ); // => ["a", "b", "c", "d", "e"]
console.log( ',a,b,c,d,e,'.split(',') ); // => ["", "a", "b", "c", "d", "e", ""] ：分隔符在最前或最后面，会添加一个空字符串
console.log( 'a,b,c,d,e'.split(',',3) ); // => ["a", "b", "c"] ：返回前3个分割的子串
console.log( 'a1b2c3d4e'.split(/\d/) ); // => ["a", "b", "c", "d", "e"] ：将数字来做为分隔符

4.12 substr(start, |wordLength)：返回从字符串start位置开始计算到wordLength个长度的子串
参数：

①start {int} ：子串提取的开始位置索引(包括此位置的字符)。

若数字为负，表示从字符串尾部开始计算。如：-1表示倒数一个字符串，-2表示倒数第二个字符。

②wordLength {int} 可选：提取字符的长度。若省略此参数，返回从start位置到结束的所有字符。

返回值：

{string} 返回提取的字符串

示例：

ar s = 'abcdefg';
onsole.log( s.substr(0) ); // =>  abcdefg ：省略第二个参数，返回从位置序号0开始，一直到最后的字符
onsole.log( s.substr(0, 3) ); // => abc ：返回从位置序号0开始，计数3个字符
onsole.log( s.substr(2, 4) ); // => cdef ：返回从位置序号2开始，计数4个字符
onsole.log( s.substr(-2, 3) ); // fg ：返回从倒数第二个字符串开始，计数3个(超过字符长度，就只返回可统计的字符)

4.12 substr(start, |wordLength)：返回从字符串start位置开始计算到wordLength个长度的子串
参数：

①start {int} ：子串提取的开始位置索引(包括此位置的字符)。

若数字为负，表示从字符串尾部开始计算。如：-1表示倒数一个字符串，-2表示倒数第二个字符。

②wordLength {int} 可选：提取字符的长度。若省略此参数，返回从start位置到结束的所有字符。

返回值：

{string} 返回提取的字符串

示例：

ar s = 'abcdefg';
onsole.log( s.substr(0) ); // =>  abcdefg ：省略第二个参数，返回从位置序号0开始，一直到最后的字符
onsole.log( s.substr(0, 3) ); // => abc ：返回从位置序号0开始，计数3个字符
onsole.log( s.substr(2, 4) ); // => cdef ：返回从位置序号2开始，计数4个字符
onsole.log( s.substr(-2, 3) ); // fg ：返回从倒数第二个字符串开始，计数3个(超过字符长度，就只返回可统计的字符)

4.13 substring(start, |end) ：返回从字符串start位置到end前一个位置的子串
参数：

①start {int} ：子串提取的开始位置索引(包括此位置的字符)。数字不能为负数，若为负数按0来处理

②end {int} 可选：子串提取的结束位置索引(不包括此位置的字符)。数字不能为负数，若为负数按0来处理

返回值：

{string} 返回从字符串start位置到end前一个位置的子串。

示例：

var s = 'abcdefg';
console.log( s.substring(0) ); // =>  abcdefg ：省略end参数，返回从位置序号0开始，一直到最后的字符
console.log( s.substring(0, 3) ); // => abc ：返回从位置序号0开始到位置序号2(②参的前一个)的字符
console.log( s.substring(2, 4) ); // => cd ：返回从位置序号2开始到位置序号3(②参的前一个)的字符
console.log( s.substring(-3, 3) ); // abc ：参数若为负，就按数字0来处理，所以此参数实际返回位置序号0到位置序号3的字符

4.14 toUpperCase() ：将字符串转换为大写并返回

4.15 toUpperCase() ：将字符串转换为小写并返回

4.16 trim() ：移除字符串开头和结尾处的空白字符并返回

以上就是JavaScript String对象代码实例深入理解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScriptString对象代码实例深入理解全部内容，希望文章能够帮你解决JavaScriptString对象代码实例深入理解所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/302260.html

来源：【匿名】

【上一篇】非常详细的前端JavaScript规范【下一篇】javascript 怎么调用php方法

更多 ►

【JavaScriptString对象代码实例深入理解】教程文章相关的互联网学习教程文章

JavaScript int型和string型互换【代码】

1. int 型转 string 型// 方法（1） var x = 100; a = x.toString(); // 方法（2）var x = 100; a = x + ""; //JS会自动隐性转换 2. string 型转 int 型// 方法（1）var s = "32" var i = new Number(s); // 方法（2）var s = "32" var i = parseInt(s); 原文：http://www.cnblogs.com/shilxfly/p/6515904.html

JavaScript学习-js中的数组/Boolean类/字符串String类

JavaScript学习【js中的数组】 1、数组的概念：是在内存中连续储存对个有序元素的结构元素的顺序称为下标，通过下标查找对象元素。2、数组的声明：① 字面量声明：var arr1 = [];js中，同一数组，可以储存多种不同的数据类型：例如： var arr1 = [1,"2",true,{"name":"hahhah"},[1,2]]② new关键字声明： var arr2 = new Arry(参数)>>>参数可以为a.为空：声明一个，没有指定长度的数组；b.数组的length：声明一个指定长度的数组，...

javascript的String类型

String类型是一个包装类型，在javascript中有三种包装类型，Boolean,Number,String三种，可以这样来构建Stringvar str=new String("hello world!");String类型的每个实例都有一个Length属性，意思是字符串包含多少个字符1.字符方法charAt()和charCodeAt():1.1 charAt()以单字符的方式返回给定字符的那个位置var str=new String("hello world");alert(str.charAt(1));//e1.2 charCodeAt()返回的是这个字符的Unicode字符编码2.字符串...

Effective JavaScript Item 28 不要依赖函数的toString方法

本系列作为Effective JavaScript的读书笔记。在JavaScript中，函数对象上存在一个toString方法，它能够方便地将函数的源代码转换返回成一个字符串对象。(function(x) {return x + 1; }).toString(); // "function (x) {\n return x + 1;\n}" toString方法不仅仅会让一些黑客找到攻击的方法，而且该方法也存在严重的限制。首先，toString方法的实现方式并没有被ECMAScript规范化，因此各种JavaScript的执行引擎中的toString的实现...

javascript将object转string字符串【代码】

实现JavaScript中String对象的replaceAll()函数

JavaScript脚本语言中，大家对String对象使用replace()函数肯定不陌生，但是却没有如Java语言一般有replaceAll()方法，但是在使用中，又不可避免的会使用到，这种时候当然只有我们程序员自己来动手咯！！/*** Author Joyce.Luo 10:19:54 prepared in 2015.01.05* JavaScript language Methods: replaceAll(), based on the replace() method to realize* @param {} rgExp The need to replace the string or regular object* @para...

Javascript的String和数组【代码】

本章讨论Javascript的String和数组。所有语言中对String和数组的操作是很普遍的，掌握好它们的操作，会让我们在lu代码的时候事半功倍。一、String String顾名思义，就是字符串的意思var string="Iamhandsome";就创建了一个名为string的字符串，它的值为Iamhandsome。String是Javascript基本数据类型之一。String也可以看作是Javascript的一个对象。对象有很多方法的下面来看看它的方法，由于方法众多，我们就拿几个典型的看看。1、...

用js脚本Request.QueryString[""]获取url传

用js脚本Request.QueryString[""]获取url传值时注意的一点比如： var ID= ‘<%= Request.QueryString["id"]%>‘ ，原来的URL为test.aspx?id=value,此处的value中不能包含单引号“‘‘”,否则会出错，test.aspx?id=‘123‘,此时用Request.QueryString["id"] 接收时就会报错，把单引号“‘‘”‘去掉就OK了；还有就是在单独的js文件中用 ‘<%= Request.QueryString["id"]%>‘ 这种方法也取不到id的值，只能在当前页中才能取到。用...

javascript reverse string【代码】

var strReversed = str.split(‘‘).reverse().join(‘‘);function:function reverse(str){return str.split(‘‘).reverse().join(‘‘); }原文：http://www.cnblogs.com/sunshq/p/3957878.html

JS 对象（Object）和字符串（String）互转【代码】

var jsObj = {}; jsObj.testArray = [1,2,3,4,5]; jsObj.name = ‘CSS3‘; jsObj.date = ‘8 May, 2011‘; var str = JSON.stringify(jsObj); var str1 = JSON.parse(str); var str2 = JSON.stringify(str1);alert(str);alert(str1); alert(str2); 原文：http://www.cnblogs.com/beimingbingpo/p/6882040.html

How to get the query string by javascript?【代码】

1.html:<a href="2.html?name=geovindu&sex=woman&age=12">test getQueryString</a> 2.html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>javascript获取url参数和script标签中获取url参数</title> <script ty...

【JavaScript--String对象】

JavaScript 字符串（String）对象String 对象属性属性描述constructor对创建该对象的函数的引用lenght字符串的长度prototype允许您向对象添加属性和方法 String 对象方法属性描述charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。concat()连接字符串。big()用大号字体显示字符串。blink()显示闪动字符串。bold()使用粗体显示字符串。fixed()以打字机文本显示字符串。fontcolor()使用指定的颜...

js build up string【代码】

// badfunction sayHi(name) {return ‘How are you, ‘ + name + ‘?‘; }// badfunction sayHi(name) {return [‘How are you, ‘, name, ‘?‘].join(); }// badfunction sayHi(name) {return `How are you, ${ name }?`; }// goodfunction sayHi(name) {return `How are you, ${name}?`; } 原文：https://www.cnblogs.com/Sir-Lin/p/8622849.html

substring substr slice js比较

stringObject.substring(start,stop) substring() 方法用于提取字符串中介于两个指定下标之间的字符。stringObject.substr(start,length) 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。stringObject.slice(start,end) start 要抽取的片断的起始下标。End 紧接着要抽取的片段的结尾的下标。-------------据说substr不建议使用了。String 对象的方法 slice()、substring()...

JavaScript:Object.prototype.toString方法的原理【代码】

在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法.var arr = []; console.log(Object.prototype.toString.call(arr)) //"[object Array]"本文要讲的就是,toString方法是如何做到这一点的,原理是什么.ECMAScript 3在ES3中,Object.prototype.toString方法的规范如下:15.2.4.2 Object.prototype.toString()在toString方法被调用时,会执行下面的操作步骤:1. 获取this对象的[[Cl...

首页 / JAVASCRIPT / JavaScriptString对象代码实例深入理解

JavaScriptString对象代码实例深入理解

内容导读

内容图文

1. 介绍

2. 定义方式

3. 实例属性

4. 实例方法

内容总结

内容备注

内容手机端

【JavaScriptString对象代码实例深入理解】教程文章相关的互联网学习教程文章

实例 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程