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

 更新时间:2022年01月18日 11:02:22   作者:jGjHwTzBzEwSdTb  
字符串的操作在js中非常频繁,也非常重要,下面这篇文章主要给大家介绍了关于JS字符串属性与方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

方法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字符串属性与方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解JS截取字符串的三个方法substring,substr,slice

    详解JS截取字符串的三个方法substring,substr,slice

    js中有三个截取字符的方法,分别是substring()、substr()、slice(),平时我们可能都用到过,但总是会对这些方法有点混淆。本文将详细介绍一下这三者的区别,需要的可以参考一下
    2022-03-03
  • JavaScript组合模式---引入案例分析

    JavaScript组合模式---引入案例分析

    这篇文章主要介绍了JavaScript组合模式,结合具体案例形式分析了JavaScript组合模式定义、应用与相关操作注意事项,需要的朋友可以参考下
    2020-05-05
  • js获取当前日期时间及其它操作汇总

    js获取当前日期时间及其它操作汇总

    Js获取当前日期时间及其它操作,还有一些自己常用的方法,很好用,也很全。这里推荐给大家,有需要的小伙伴可以参考下。
    2015-04-04
  • 探究Javascript模板引擎mustache.js使用方法

    探究Javascript模板引擎mustache.js使用方法

    这篇文章主要为大家介绍了Javascript模板引擎mustache.js使用方法,mustache.js是一个简单强大的Javascript模板引擎,使用它可以简化在js代码中的html编写,压缩后只有9KB,非常值得在项目中使用,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 灵活使用数组制作图片切换js实现

    灵活使用数组制作图片切换js实现

    这篇文章主要介绍了灵活使用数组制作图片切换效果,js实现图片切换特效,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • js字符串处理之绝妙的代码

    js字符串处理之绝妙的代码

    这篇文章主要介绍了js字符串处理之绝妙的代码,包括字符串去重、将字符放在对象中遍历拼接出字符串、把字符串的奇数位和偶数位分别提取到两个数组中、将两个数组按奇数位和偶数位插入拼接为字符串,有时候需要对字符进行处理的时候可以用得到
    2019-04-04
  • 使用three.js实现炫酷的酸性风格3D页面效果

    使用three.js实现炫酷的酸性风格3D页面效果

    本文内容主要介绍,通过使用React+three.js技术栈,加载3D模型、添加3D文字、增加动画、点击交互等,配合样式设计,实现充满设计感的酸性风格页面
    2021-10-10
  • js放大镜放大购物图片效果

    js放大镜放大购物图片效果

    这篇文章主要为大家详细介绍了基于JavaScript实现放大镜放大购物图片效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jser必看的破解javascript各种加密的反向思维方法

    jser必看的破解javascript各种加密的反向思维方法

    才发现的破解javascript各种加密的反向思维方法,大家有好的方法都跟帖啊最近发现了一个代码,加密了5层左右,我将破解到最后一步,而且不用javascript解密程序
    2007-04-04
  • javascript获取网页中指定节点的父节点、子节点的方法小结

    javascript获取网页中指定节点的父节点、子节点的方法小结

    如何获取要更新的这些元素呢?用JavaScript获取这些节点的方法有很多种,下面是总结的一些方法,感兴趣的朋友可以参考下哈
    2013-04-04

最新评论