常见的JS字符串属性与方法集锦

目录
  • 方法1.length
  • 方法2.slice
  • 方法3.substring
  • 方法4.split
  • 方法5.indexOf
  • 方法6.lastIndexOf
  • 方法7.charAt
  • 附：字符串常用方法表
  • 总结

方法1.length

length决定字符串的长度

例：

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
const string = txt.length;
// string = 26;

方法2.slice

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。

这个例子裁剪字符串中位置 5 到位置 14 的片段：

var str = "How old are you?";
var res = str.slice(5,14);
// res = ld are yo;

方法3.substring

(开始的索引，结束的索引);返回截取后的字符串，不包含结束的索引的字符串

substring() 类似于 slice()。 不同之处在于 substring() 无法接受负的索引。

这个例子裁剪字符串中位置 6 到位置 13 的片段：

var str = "How old are you?";
var res = str.slice(6,13);
// res = d are y;

方法4.split

切割字符串

var str = "How old are you?";
var res = str.split('o');
// res = H,w ,ld are y,u?;

方法5.indexOf

indexOf() 方法返回字符串中指定文本首次出现的索引（位置）：

indexOf(要找的字符串，从某个位置开始的索引)；返回的是这个字符串的索引值，没有则-1

var str = "The full name of the United States is the United States of America.";
var pos = str.indexOf("United");
// pos = 21;

方法6.lastIndexOf

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引：

lastIndexOf(要找的字符串)；从后往前找，但是索引仍然是从左往右的方式，找不到则返回-1

var str = "The full name of the United States is the United States of America.";
var pos = str.lastIndexOf("United");
// pos = 42;

方法7.charAt

charAt() 方法返回字符串中指定下标（位置）的字符串：

当超出索引时，结果是空字符串

var str = "The full name of the United States is the United States of America.";
var pos = str.charAt("10");
// pos = a;

附：字符串常用方法表

方法 描述
charAt（位置） 返回字符串指定位置处的字符
charCodeAt（位置） 返回字符串指定位置处字符的 Unicode 编码值
indexOf（查找的字符串 [,StartIndex]） 返回首次出现查找的字符串的位置
lastlndexOf（查找的字符串 [,StartIndex] ） 返回要查找的字符串在 String 对象中最后一次出现的位置
match（正则表达式） 在一个字符串中寻找与正则表达式匹配的字符串
replace（正则表达式, 新字符串） 使用新字符串替换匹配正则表达式的字符串后作为新字符串返回
search（正则表达式） 搜索与参数指定的正则表达式的匹配
split（分隔符 [,len]） 根据参数指定的分隔符将字符串分隔为字符串数组
slice（索引值 i [, 索引值 j]） 提取并返回字符串索引值 i 到索引值 j-1 之间的字符串
substring（索引值 i [, 索引值 j]） 提取并返回字符串索引值 i 到索引值 j-1 之间的字符串
toLowerCase() 将字符串中的字母全部转换为小写后作为新字符串返回
toUpperCase() 将字符串中的字母全部转换为大写后作为新字符串返回
toString() 返回字符串对象的原始字符串值。这是针对字符串对象的方法
valueOf() 返回字符串对象的原始字符串值。这是针对字符串对象的方法

以上就是JS字符串的部分方法。

总结

到此这篇关于JS字符串属性与方法集锦的文章就介绍到这了,更多相关JS字符串属性与方法内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaScript中判断两个字符串是否相等的方法

    先将用户的输入值全部转换为大写(或小写),然后再行比较: var name = document.form1.txtUserName.value.toLowerCase(); if(name == "urname") { // statements go here. } JavaScript有两种相等运算符.一种是完全向后兼容的,标准的"==",如果两个操作数类型不一致,它会在某些时候自动对操作数进行类型转换,考虑下面的赋值语句: var strA = "

  • js数组与字符串的相互转换方法

    熟悉js的朋友很多都遇到过js的数组与字符串相互转换的情况,本文就此作一简单介绍,示例如下: 一.数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 二.字符串转数组 实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下: var s = "abc,abcd,aaa"; ss = s.split(","

  • js中将字符串转换成json的三种方式

    ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法. 1,eval方式解析,恐怕这是最早的解析方式了.如下: 复制代码 代码如下: function strToJson(str){ var json = eval('(' + str + ')'); return json; } 记得别忘了str两旁的小括号. 2,new Function形式,比较怪异哦.如下 复制代码 代码如

  • javascript中字符串拼接详解

    最近在研究<javascript高级程序设计>中,有一段关于字符串特点的描述,原文大概如下:ECMAScript中的字符串是不可变的,也就是说,字符串一旦创建,他们的值就不能改变.要改变某个变量的保存的的字符串,首先要销毁原来的字符串,然后再用另外一个包含新值的字符串填充该变量,例如: 复制代码 代码如下: var lang = "Java"; lang = lang + "Script"; 实现这个操作的过程如下:首先创建一个能容纳10个字符的新字符串

  • 解析JSON对象与字符串之间的相互转换

    在开发的过程中,如果对于少量参数的前后台传递,可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,这样后台 接受的时候Request多个很麻烦,此时要按照类的格式或者 集合的形式进行传递. 例如:前台按类的格式传递JSON对象: var jsonUserInfo = "{\"TUserName\":\"" + userName + "\",\"TInterest\&qu

  • js中通过split函数分割字符串成数组小例子

    复制代码 代码如下: <script language="javascript"> str="2,2,3,5,6,6"; //这是一字符串 var strs= new Array(); //定义一数组 strs=str.split(","); //字符分割 for (i=0;i<strs.length ;i++ ) { document.write(strs[i]+"<br/>"); //分割后的

  • js 字符串转换成数字的三种方法

    方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行:对其他类型返回的都是NaN(Not a Number). 一些示例如下: 复制代码 代码如下: parseInt("1234blue");   //returns   1234parseInt("0xA");  

  • js判断一个字符串是否包含一个子串的方法

    本文实例讲述了js判断一个字符串是否包含一个子串的方法.分享给大家供大家参考.具体如下: 在我们前端日常开发中,经常会遇到判断一个字符串中是否包含某个子串,这里我们将去探究一些解决此种需求的方法以及正确的使用它们.理想情况下,我们要找的是一个能匹配我们的目的(if x contains y)的方法,并返回true或false. 一.String.prototype.indexOf和String.prototype.lastIndexOf 这两个方法,可能是我们最容易想到的,如果包含子串,则返回大

  • JS截取字符串常用方法详细整理

    使用 substring()或者slice() 函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str="jpg|bmp|gif|ico|png"; arr=theString.split("|"); //arr是一个包含字符值"jpg"."bmp"."gif"."ico"和"png"的数组 函数:Join() 功能:使用您选择的分

  • 常见的JS字符串属性与方法集锦

    目录 方法1.length 方法2.slice 方法3.substring 方法4.split 方法5.indexOf 方法6.lastIndexOf 方法7.charAt 附:字符串常用方法表 总结 方法1.length length决定字符串的长度 例: var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; const string = txt.length; // string = 26; 方法2.slice slice() 提取字符串的某个部分并在新字

  • JS字符串补全方法padStart()和padEnd()

    这个方法无意中看到的,感觉还是蛮实用的,特此分享一波.我想大家都会有遇到将时间戳转换成时间格式的时候,时间或日期不足2位的前面补0.有了今天说的这个东西,就又可以少写几行代码了,大家在项目中遇到类似场景可以去使用感受下. ES2017 引入了字符串补全长度的功能.如果某个字符串不够指定长度,会在头部或尾部补全. padStart() padEnd() 方法用另一个字符串填充当前字符串(如果需要的话则重复填充),返回填充后达到指定长度的字符串. padStart() 从当前字符串的开始(左侧) 位

  • Python执行js字符串常见方法示例

    目录 方法 1--js2py 2--execjs 3--execjs 方法 执行大型js时有点慢 特殊编码的输入或输出参数会出现报错,解决方法: 可以把输入或输出的参数用base64编码一下.base64都是英文和数字,没有特殊字符了 1--js2py pip insatll js2py # 获取执行JS的环境 context = js2py.EvalJs() # 加载执行 context.execute('放JS字符代码') 2--execjs import execjs print(exec

  • js中常见切割截取字符串的几种方法小结

    目录 1. split() 方法用于把一个 字符串 分割成 字符串数组 : 2. slice() 可提取字符串的某个部分,并以新的字符串返回被提取的部分: 3.substring() 提取字符串中介于两个指定下标之间的字符 4.join() 把数组中的所有元素转换一个字符串 5. charAt() 返回指定位置的字符 总结 切割截取字符串的几种方法 1. split() 方法用于把一个 字符串 分割成 字符串数组 : stringObject.split(str,length) var str

  • php，js，css字符串截取的办法集锦

    可能没什么含量,求少拍砖. 首先是PHP版本的. 复制代码 代码如下: <?php echo mb_strimwidth("这里是内容", 0,3,"...","utf-8"); ?> 其实只用mb_strimwidth一个函数就可以了,该函数的说明如下: mb_strimwidth - 获取按指定宽度截断的字符串 string mb_strimwidth ( string $str , int $start , int $width

  • js 动态添加元素(div、li、img等)及设置属性的方法

    把一串 html 标签赋给一个 javascript 变量,除属性的值要用转义的双引号外,某些时候字符串还很长,显得有些复杂.如果用 js 动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点,也容易理解. 网页是由 html 标签一层层组成的,js 也可以动态添加一层层的诸如 div.li.img 这样的标签.其实,不管是什么 html 标签,js 动态创建的方法都差不多,接着就先从动态添加 div 开始. 一.js 动态添加元素div <div id="parent"

  • 基于js对象,操作属性、方法详解

    一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这为我们编程提供了许多方便.但对于复杂的客户端程序而言,这些还远远不够. 与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很

  • JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

    JavaScript hasOwnProperty() 方法是 Object 的原型方法(也称实例方法),它定义在 Object.prototype 对象之上,所有 Object 的实例对象都会继承 hasOwnProperty() 方法. hasOwnProperty() 方法用来检测一个属性是否是对象的自有属性,而不是从原型链继承的.如果该属性是自有属性,那么返回 true,否则返回 false.换句话说,hasOwnProperty() 方法不会检测对象的原型链,只会检测当前对象本身,只有

  • js字符串分割处理的几种方法(6种)

    目录 1.slice(start, end) 2.substr(start, length) 3.substring(start, stop) 4.split(separator, length) 5.join(separator) 6.splice(start, length, …args) 前端开发中,字符串处理是比较常见的,笔者在最近复习的过程中也把它整理了出来. 首先,先来看看js截取三姐妹substring().subsstr().slice() 1.slice(start, end)

  • Three.js中网格对象MESH的属性与方法详解

    Three.js中网格对象MESH的属性与方法详解

    前言 本文主要给大家介绍了关于Three.js网格对象MESH的属性与方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍: 创建一个网格需要一个几何体,以及一个或多个材质.当网格创建好之后,我们就可以将它添加到场景中并进行渲染.网格对象提供了几个属性和方法用于改变它在场景中的位置和显示效果. 如下: 还有一个属性就是visible属性,默认为true,如果设置为false,THREE.Mesh将不渲染到场景中. mesh对象的前三个属性position,rotation和scal

随机推荐