首页 / JAVASCRIPT / 深入探讨JavaScriptString对象_基础知识

深入探讨JavaScriptString对象_基础知识

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了深入探讨JavaScriptString对象_基础知识，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含9451字，纯文字阅读大概需要14分钟。

内容图文

String 字符串对象

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.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对象能有新的认识。

内容总结

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

内容备注

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

内容手机端

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

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

来源：【匿名】

【上一篇】javascript中hasOwnProperty()方法使用指南_基础知识【下一篇】javascript 怎么调用php方法

更多 ►

【深入探讨JavaScriptString对象_基础知识】教程文章相关的互联网学习教程文章

JavaScript之基础-10 JavaScript 正则表达式(概述、定义正则、RegExp对象、用于模式匹配的String方法)【图】

一、JavaScript 正则表达式概述正则表达式概述 - 正则表达式(Regular Expression): 由一些普通字符和特殊字符组成的，用以描述一种特定的字符规则的表达式 - 正则表达式常用于在一段文本中搜索、匹配或替换特定形式的文本。如:词语出现频率统计、验证字符串是否符合邮件格式、屏蔽一篇帖子中的限制性词语等650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111052258654.jpg" title="web.png" />正则表达式...

javascript Date与string之间的转换

JavaScript 方法date to stringlet s = new Date().toLocaleString();console/log(s) ====string to datevar date = new Date("2018-9-21 14:58:43");//就是这么简单原文：https://www.cnblogs.com/javalinux/p/14592665.html

js中String和new String的区别

js中String和new String的区别在js中我们知道有String、Boolean、Number三个包装类，这三个包装类的作用是为了能够创建这三个基本数据类型对象，以及使用它们的属性和方法。　　看到这样一个面试题：　　var str = ‘hello world‘　　var str1 = String(‘hello world‘)　　var str2 = new String(‘hello world‘)　　console.log(str1 === str)　　console.log(str2 === str)　　输出结果是什么？　　由上述题目，我们可以看到...

js中substr、substring、slice的区别

substr(start, length)substring(from, to)slice(from, to)以上函数只传一个参数时，认为是起始位置，然后按照正方向截取substring的参数，始终按从小到大截取，传负数默认转换为0 总之，记住substr第二个参数传的是长度，substring会把负参数置为0, 原文：https://www.cnblogs.com/anqiang1995/p/10187222.html

关于js的string的3个函数slice,substring,substr对比

slice，substring,substr三个函数都是截取字符串，但是对参数的处理有区别参数处理相似的两个函数式slice和substringslice(start,end)和substring(start,end)他们两个的end都是原字符串的索引，意思为截取到end（不包括end）位置的字符二者的区别是：slice中的start如果为负数，会从尾部算起，-1表示倒数第一个，-2表示倒数第2个，此时end必须为负数，并且是大于start的负数，否则返回空字符串slice的end如果为负数，同样从尾部算起...

如果把带有html的标记的字符串从服务端传到页面上，需要对其进行编码。Ajax.JavaScriptStringEncode()【代码】

controller: StringBuilder s = new StringBuilder();string a = "<script>alert(‘我StringBuilder‘)</script>文档内容";s.AppendFormat("<h1>{0}</h1><h1>测试</h1>", a);string t=s.ToString();ViewBag.newMes = t;cshtml:<div id="haha"></div><script type="text/javascript">$(document).ready(function () {var newMes =‘@Ajax.JavaScriptStringEncode(ViewBag.newMes)‘;document.getElementById("haha").inn...

JavaScript------自定义string.replaceAll()方法【代码】

代码::注意：原始的replace()方法只能替换第一个字符串checkString.prototype.replaceAll = function (s1, s2) {returnthis.replace(new RegExp(s1, "gm"), s2); }var data = "check out,check in"; var li = data.replaceAll(‘check‘,‘checked‘); 原文：http://www.cnblogs.com/tianhengblogs/p/7050925.html

JavaScript String 对象扩展方法【代码】【图】

/** 在字符串末尾追加字符串 **/ String.prototype.append = function (str) {returnthis.concat(str); } /** 删除指定索引位置的字符，索引无效将不删除任何字符 **/ String.prototype.deleteCharAt = function (index) {if (index < 0 || index >= this.length) {returnthis.valueOf();}elseif (index == 0) {returnthis.substring(1, this.length);}elseif (index == this.length - 1) {returnthis.substring(0, this.length - ...

js中substr与substring的差别

Js的substring和C#的Substring的作用都是从一个字符串中截取出一个子字符串，但它们的用法却有非常大的不同，下边我们来比較看看： Js的substring 语法：程序代码 String.substring(start, end) 说明：返回一个从start開始到end(不包括end)的子字符串。演示样例：程序代码 var str="abcdefgh"; document.write(str.substring(0,1));//return:a document.write(str.substring(2,5));//return:cde document.write(st...

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 / 深入探讨JavaScriptString对象_基础知识

深入探讨JavaScriptString对象_基础知识

内容导读

内容图文

内容总结

内容备注

内容手机端

【深入探讨JavaScriptString对象_基础知识】教程文章相关的互联网学习教程文章

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程