美文网首页网页前端后台技巧(CSS+HTML)互联网科技码农的世界
web前端入门到实战:js截取字符串相关的知识点

web前端入门到实战:js截取字符串相关的知识点

作者: 560b7bb7b879 | 来源:发表于2019-08-22 15:25 被阅读2次

截取字符串中的数字

1、使用parseInt()

var str ="4500元";
var num = parseInt(str);
console.log(num);//4500
parseInt()方法参数可以有非数字字符串,只要数字在字符串前面就可以

2、使用正则


web前端开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频)
var str ="价格4500元";
var num= s.replace(/[^0-9]/ig,"");
alert(num);//4500

截取字符串

1、使用split()

//功能:使用指定的分隔符,将字符串切割,并且存储到数组里  
var str ="a,b,c,d,e,f";
var arr= str.split(",");
console.log(arr);//["a","b","c","d","e","f"]

2、使用join()

//功能:使用自己指定的分隔符,将一个数组合并成字符串
var arr=[a,b,c,d,e,f];
var str= arr.join("|");
console.log(str);//"a|b|c|d|e|f"

3、使用substring()

//功能:可以截取指定的字段
var str="abcdef";
var str2= str.substring(0,3);
console.log(str2);//"abcd"

4、使用indexOf()

//功能:返回字符串中匹配到子串的第一个字符的下标
var str="hello web";
var s1= str.indexOf("ll");//2
var s2= str.indexOf("j");//如果没有匹配则会返回-1

5、使用substr()

//功能:返回一个从指定位置开始指定长度的字符串
var str="hello web";
var s1= str.substr(0,4);//hell
var s2= str.substr(3);//"lo web"

自己是一个6年的前端工程师,希望本文对你有帮助!

这里推荐一下我的前端学习交流扣qun:731771211 ,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。自己整理了一份2019最全面前端学习资料,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,每天分享技术

点击:加入

相关文章

网友评论

    本文标题:web前端入门到实战:js截取字符串相关的知识点

    本文链接:https://www.haomeiwen.com/subject/enlmdctx.html