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())

总结

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

相关文章

  • javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来

    javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来

    首先来说,让一个游戏赋有可玩性必须要动静结合,我将要在下面告诉大家如何运用Javascript将静态图片变为动态图片,感兴趣的朋友可以了解下,便当巩固js知识了
    2013-01-01
  • 简述JS控制台的使用

    简述JS控制台的使用

    本文给大家介绍了js控制台的使用,非常不错,具有一定的参考借鉴借鉴价值,需要的朋友参考下吧
    2018-07-07
  • uni app跨端自定义指令实现按钮权限

    uni app跨端自定义指令实现按钮权限

    这篇文章主要为大家介绍了uni app跨端自定义指令实现按钮权限详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • js制作可以延时消失的菜单

    js制作可以延时消失的菜单

    这篇文章主要为大家详细介绍了基于JavaScript制作可以延时消失的菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JavaScript偏函数与柯里化实例详解

    JavaScript偏函数与柯里化实例详解

    这篇文章主要介绍了JavaScript偏函数与柯里化,结合实例形式详细分析了JavaScript偏函数与柯里化的概念、原理、定义、使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-03-03
  • 如何改进javascript代码的性能

    如何改进javascript代码的性能

    在web应用中,应用了大量的Javascript,因此代码的执行效率变得尤为重要,也就是性能!为了提高JS的性能,我们应该掌握一些基本的性能优化方式,并让它成为我们书写代码的习惯。下面介绍几种优化性能的方式,很多初学者甚至有经验的开发者也会忽略,希望对你有帮助
    2015-04-04
  • JavaScript点击按钮生成4位随机验证码

    JavaScript点击按钮生成4位随机验证码

    这篇文章主要为大家详细介绍了JavaScript点击按钮生成4位随机验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • 前端实现界面元素拖拽功能的3种方式总结(亲测有效)

    前端实现界面元素拖拽功能的3种方式总结(亲测有效)

    这篇文章主要介绍了前端实现界面元素拖拽功能的3种方式,三种方法分别是纯HTML+CSS+JS、Vue模板和Vue全局指令,每种方法都通过监听鼠标事件来实现元素的拖动功能,并通过控制阀来确保只有在指定区域按下鼠标时才开始拖动,需要的朋友可以参考下
    2025-02-02
  • javascript跳转与返回和刷新页面的实例代码

    javascript跳转与返回和刷新页面的实例代码

    这篇文章主要介绍了javascript跳转与返回和刷新页面的实例代码,简单介绍了javascript中window.open()与window.location.href的区别,感兴趣的朋友一起看看吧
    2019-11-11
  • JS获取图片实际宽高及根据图片大小进行自适应

    JS获取图片实际宽高及根据图片大小进行自适应

    图片实际宽高使用js进行获取以及根据图片大小进行自适应,此功能个人感觉比较实用,在此贡献出来,希望对大家有所帮助
    2013-08-08

最新评论