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

 更新时间:2022年09月01日 10:34:14   作者:云起樱花落  
前端开发中,字符串处理是比较常见的,下面这篇文章主要给大家介绍了关于js中常见切割截取字符串的几种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

切割截取字符串的几种方法

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

 stringObject.split(str,length)
var str = "123,456,789"; 
console.log(str.split(''));  // ["1", "2", "3", ",", "4", "5", "6", ",", "7", "8", "9"]
console.log(str.split(',')); // ["123", "456", "789"] 
参数描述
str必需。字符串或正则表达式,从该参数指定的地方分割 stringObject
length可选。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度

注意:如果把空字符串 ("") 用作 str,那么 stringObject 中的每个字符之间都会被分割。

2、 slice() 可提取字符串的某个部分,并以新的字符串返回被提取的部分;

第一个参数必填,第二个参数选填;
注意:如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取

如图所示:[1,2,3,4].slice(0, 3) 0代表开始选取的位置 start,3代表结束位置

var str = "123,456,789"; 
console.log(str.slice(2,6));	 // 3,45
console.log(str.slice(-6,-2));   // 56,7
console.log(str.slice(2)); 		 // 3,456,789
console.log(str.slice(-6)); 	 // 56,789 

3、substring() 提取字符串中介于两个指定下标之间的字符

语法:string.substring(from, to);from必选而且非负的整数,to可选非负的整数 但是to的值必须比from大位置多1个;

var str = "123,456,789"; 
console.log(str.substring(2,6)); 	// 3,45
console.log(str.substring(2)); 		// 3,456,789
console.log(str.substring(6,2)); 	// 3,45
console.log(str.substring(-6,-2));  //  
console.log(str.substring(6,6)); 	//  

4、join() 把数组中的所有元素转换一个字符串

var str = [123,456,789]; 
console.log(str.join('')); // 123456789
console.log(str.join(',')); // 123,456,789

5、 charAt() 返回指定位置的字符

string.charAt(index)

index:必需。表示字符串中某个位置的数字,即字符在字符串中的位置。

***:自己开发中常遇到,就当一个笔记,记不住打开看看例子就明白;

总结

到此这篇关于js中常见切割截取字符串方法的文章就介绍到这了,更多相关js切割截取字符串方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript中变量提升和函数提升实例详解

    JavaScript中变量提升和函数提升实例详解

    这篇文章主要给大家介绍了关于JavaScript中变量提升和函数提升的相关资料,以及JS变量提升和函数提升的顺序,文中给出了详细的介绍,需要的朋友可以参考下
    2021-07-07
  • JS随机打乱数组的方法小结

    JS随机打乱数组的方法小结

    这篇文章主要介绍了JS随机打乱数组的方法,结合实例总结分析了几种常用的数组打乱顺序并重新进行排序的技巧,非常简单实用,需要的朋友可以参考下
    2016-06-06
  • 微信小程序中slot插槽基本使用方法实例

    微信小程序中slot插槽基本使用方法实例

    之前竟然听到有人跟我说微信小程序没有组件插槽功能,下面这篇文章主要给大家介绍了关于微信小程序中slot插槽基本使用方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • js如何实现input的赋值

    js如何实现input的赋值

    这篇文章主要介绍了js如何实现input的赋值问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • 利用ajaxfileupload插件实现文件上传无刷新的具体方法

    利用ajaxfileupload插件实现文件上传无刷新的具体方法

    利用ajaxfileupload插件实现文件上传无刷新的具体方法,需要的朋友可以参考一下
    2013-06-06
  • JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法

    JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法

    本文通过实例代码给大家介绍了JavaScript 上传文件(psd,压缩包等),图片,视频功能,需要的朋友可以参考下
    2017-06-06
  • 深入理解ES6 Promise 扩展always方法

    深入理解ES6 Promise 扩展always方法

    本篇文章主要介绍了ES6 Promise 扩展always方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • window.open打开新页面失效解决方案

    window.open打开新页面失效解决方案

    这篇文章主要给大家介绍了关于window.open打开新页面失效的解决方案,移动端和PC端全部通过window.open()来跳转页面窗口,文中给出了详细的解决方案,需要的朋友可以参考下
    2023-07-07
  • 原生JS实现各种运动之复合运动

    原生JS实现各种运动之复合运动

    这篇文章主要为大家详细介绍了原生JS实现各种运动之复合运动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • js数组依据下标删除元素

    js数组依据下标删除元素

    一直在使用js相关的东西,但很少作总结,今天遇到操作js数组的一些问题,对js的数组有了更进一步的认识
    2015-04-04

最新评论