javascript中常用的字符串函数解读

 更新时间:2023年02月10日 09:59:10   作者:小小阿星  
这篇文章主要介绍了javascript中常用的字符串函数,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

javascript 字符串函数

定义一个字符串

var str = "Aheloworld";

1、获取字符串的长度 length

var str = "Aheloworld";
console.log("str变量中字符串的长度为:"+str.length)

2、charAt()方法可返回指定位置的字符

var str = "Aheloworld";
var str1 = str.charAt(3)
console.log("通过charAt()方法指定下标返回字符为:"+str1)

3、 charcodeAt() 方法可返回指定位置的字符的 Unicode 编码 语法string.charCodeAt(index)

var str = "Aheloworld";
var str1 = str.charCodeAt(0)
console.log("通过charCodeAt()方法指定下标返回指定位置的字符的 Unicode 编码为:"+str1)

4、fromcharcode() 可接受一个指定的 Unicode 值,然后返回一个字符串

var str = "Aheloworld";
var str1 = String.fromCharCode(65)
console.log("fromcharcode()指定的 Unicode 值,然后返回一个字符串"+str1)

5、concat() 拼接字符串 可同时拼接过个字符串 作用等同于+

var str = "Aheloworld";
var str1 = str.concat("二傻子","三傻子")
console.log("concat() 拼接字符串后的结果为:"+str1)

6、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1

string.indexOf(searchvalue,start)

var str = "heloworld"
var str1 = str.indexOf("l");
console.log("通过indexOf()查找指定字符串第一次出现的位置的下标:"+str1)

var str1 = str.indexOf("l",3);
console.log("通过indexOf()查找指定字符串规定字符串查找位置的开始地点,返回出现的位置的下标:"+str1)

var str1 = str.indexOf("l");
console.log("通过indexOf()查找指定字符串如果字符串不存在,返回-1:"+str1)

7、lastindexof() 从后往前找,下标从0往后数

var str = "abcABCabc"
var str1 = str.lastIndexOf("a")
console.log("通过lastIndexOf()查找指定字符串最后一次出现的位置的下标【从后往前找,下标从0往后数】:"+str1)

8、 slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。 不改变源数组

  • 参数1:开始位置的索引(包含了开始位置)
  • 参数2:结束位置的索引(不包含结束位置)

注意:

1- 如果省略第二个参数,则会截取后面所有的字符串

2- 如果传递一个负数,会从后面开始计算

var str = "abcABCabc"
var str1 = str.slice(1,4)
console.log("slice()方法提取str2字符串中 下标1开始到下标4之前结束的字符串为:"+str1)
var str1 = str.slice(1,-3)// bcABC
var str1 = str.slice(0)//bcABCabc
var str1 = str.slice(-3,-1)//ab
console.log(str1)        

9- substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

  • 参数1:开始截取的索引(包含了开始位置)
  • 参数2:结束位置的索引(不包含结束位置)

注意:

1- 如果传递一个负数,默认为0

2- 如果传递的第一个参数大于第二个参数,则自动交换

var str = "aocdefghyjklmn"
    // var str1 = str.substring(0,3)
    var str1 = str.substring(4,2)
    console.log(str1)

10、substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。

  • 参数1:提取字符串的起始位置 如果为负数,默认从后向前计算
  • 参数2:提取字符串的数量

注意:

无论是正数还是负数 都从左向右计算

var str = "aocdefghyjklmn"
var str1 = str.substr(2,3)
var str1 = str.substr(-3,3)
console.log(str1)

11、split() 方法用于把一个字符串分割成字符串数组。

  • 如果不指定拆分的字符,则每个字符为一个数组元素
  • 如果指定拆分的字符,则以指定字符拆分为数组元素
var str = "aocdefghyjklmn"
var arr = str.split("")
var arr = str.split("f")
console.log(arr)

12、 toUpperCase() 转为大写 toLowerCase() 转为小写

var str6 = "abcABC"
console.log("转为大写"+str6.toUpperCase())
console.log("转为小写"+str6.toLowerCase())

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 小程序视频或音频自定义可拖拽进度条的示例代码

    小程序视频或音频自定义可拖拽进度条的示例代码

    这篇文章主要介绍了小程序视频或音频自定义可拖拽进度条的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • D3.js实现绘制折线图的教程详解

    D3.js实现绘制折线图的教程详解

    这篇文章主要为大家详细介绍了如何通过D3.js实现绘制折线图,文中的示例代码讲解详细,对我们学习D3.js有一定的帮助,需要的可以参考一下
    2022-11-11
  • JavaScript数组去重问题的深入研究

    JavaScript数组去重问题的深入研究

    这篇文章主要给大家介绍了关于JavaScript数组去重问题的相关资料,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码,需要的朋友可以参考下
    2021-10-10
  • js压缩利器

    js压缩利器

    这篇文章主要介绍了js压缩利器
    2007-02-02
  • 重写JS setTimeout 方法 JavaScript Hook 劫持setTimeout

    重写JS setTimeout 方法 JavaScript Hook 

    想要重写  setTimeout  方法,发现有动态引入的js,需要改成自己的js,以下教教大家这个需求,防止网站被劫持
    2023-07-07
  • HTML使用js给input标签增加disabled属性的方法

    HTML使用js给input标签增加disabled属性的方法

    最近项目上提出一个经常遇到的需求,点击新增时input可输入,点击编辑时input置灰,下面这篇文章主要给大家介绍了关于HTML使用js给input标签增加disabled属性的相关资料,需要的朋友可以参考下
    2024-06-06
  • 微信小程序网络数据请求服务实现详解

    微信小程序网络数据请求服务实现详解

    这篇文章主要介绍了微信小程序网络数据请求服务,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-10-10
  • Javascript 中文字符串处理额外注意事项

    Javascript 中文字符串处理额外注意事项

    javascript文件中的字符常量与所在的js文件字符编码密切相关,如下一段代码
    2009-11-11
  • 微信小程序JS加载esmap地图的实例详解

    微信小程序JS加载esmap地图的实例详解

    这篇文章主要介绍了微信小程序JS加载esmap地图的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • Javascript闭包实例详解

    Javascript闭包实例详解

    闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在,本文通过代码实例给大家介绍javascript闭包,对javascipt闭包相关知识感兴趣的朋友一起学习吧
    2015-11-11

最新评论