常见的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 ES6编码规范

    详解JS ES6编码规范

    本章节讨论使用ES6编码风格到代码中需要注意的点。通过记住这些关键点,可以让我们写出更优美的、可读性更强的JavaScript ES6风格的代码。
    2021-05-05
  • JavaScript直接调用函数与call调用的区别实例分析

    JavaScript直接调用函数与call调用的区别实例分析

    这篇文章主要介绍了JavaScript直接调用函数与call调用的区别,结合额实例形式分析了JavaScript直接调用函数与call调用的基本用法、区别及相关注意事项,需要的朋友可以参考下
    2020-05-05
  • JS实现具备延时功能的滑动门菜单效果

    JS实现具备延时功能的滑动门菜单效果

    这篇文章主要介绍了JS实现具备延时功能的滑动门菜单效果,涉及JavaScript基于鼠标事件与时间函数实现页面样式延迟变换功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Js和VUE实现跑马灯效果

    Js和VUE实现跑马灯效果

    这篇文章主要为大家详细介绍了Js和VUE实现跑马灯效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • js 递归json树实现根据子id查父id的方法分析

    js 递归json树实现根据子id查父id的方法分析

    这篇文章主要介绍了js 递归json树实现根据子id查父id的方法,结合实例形式分析了JavaScript递归遍历json进行数据查询的相关操作技巧,需要的朋友可以参考下
    2019-11-11
  • JS 日期与时间戮相互转化的简单实例

    JS 日期与时间戮相互转化的简单实例

    下面小编就为大家带来一篇JS 日期与时间戮相互转化的简单实例。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScript输出数据的多种方式小结

    JavaScript输出数据的多种方式小结

    这篇文章主要介绍了 JavaScript 输出数据的多种方式,包括使用弹出警告框、写入 HTML 文档、使用 innerHTML 写入 HTML 元素、写入浏览器控制台,还讲解了操作 HTML 元素的方法,需要的朋友可以参考下
    2024-12-12
  • JavaScript中的函数式编程详解

    JavaScript中的函数式编程详解

    这篇文章主要介绍了JavaScript中的函数式编程详解,需要的朋友可以参考下
    2020-08-08
  • 2016年最热门的15 款代码语法高亮工具,美化你的代码

    2016年最热门的15 款代码语法高亮工具,美化你的代码

    无论是代码高亮还是语法高亮对整个程序来说都非常重要,可以给人眼前一亮的感觉,增加用户体验度,下面通过本文给大家介绍2016年最热门的Javascript代码高亮显示脚本及代码语法高亮工具,对js代码高亮,代码语法高亮相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • JavaScript枚举选择jquery插件代码实例

    JavaScript枚举选择jquery插件代码实例

    这篇文章主要介绍了JavaScript枚举选择jquery插件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11

最新评论