JS字符串常用操作方法实例小结


Posted in Javascript onJune 24, 2019

本文实例讲述了JS字符串常用操作方法。分享给大家供大家参考,具体如下:

【String类型】

1.返回给定位置的那个字符

var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e"
//如果你想得到是不是字符而是字符编码
var stringValue = "hello world";
alert(stringValue.charCodeAt(1)); //输出"101"

2.concat(),将一或多个字符串拼接起来,返回拼接得到的新的字符串

var stringValue = "hello ";
var resrult = stringValue.concat("world");
alert(resrult); //"hello world"
alert(stringValue); //"hello "

3.返回被操作字符串的一个子字符串

var stringValue = "hello world";
alert(stringValue.slice(3)); //"lo world"
alert(stringValue.substring(3)); //"lo world"
alert(stringValue.substr(3)); //"lo world"
alert(stringValue.slice(3,7)); //"lo w"
alert(stringValue.substring(3,7)); //"lo w"
//返回7个字符
alert(stringValue.substring(3,7)); //"lo worl"

4.从一个字符串搜索指定的子字符串,返回子字符串的位置(没有找到返回-1)

var stringValue = "hello world";
alert(stringValue.indexOf("o"));  //4
alert(stringValue.lastIndexOf("o")); //7

5.trim(),会创建一个字符串副本,删除前置以及后缀的所有空格[IE8及一下不支持]

var stringValue = " hello world ";
var trimSting = stringValue.trim();
alert(trimSting); //"hello world"
alert(stringValue); //" hello world "

6.字符串的模式匹配方法

var text = "cat,bat,sat,fat";
var pattern = /.at/;
var matches = text.match(pattern);
alert(matches[0]); //"cat"

7.search()方法,返回字符串中第一个匹配项的索引

var text = "cat,bat,sat,fat";
var pos = text.search(/at/);
alert(pos); //1

8.替换

var text = "cat,bat,sat,fat";
var result = text.replace("at","ond");
alert(result); //"cond,bat,sat,fat"
result = text.replace(/at/g,"ond");
alert(result); //"cond,bond,sond,fond"

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript字符与字符串操作技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JQuery的$命名冲突详细解析
Dec 28 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 Javascript
jQuery轻松实现无缝轮播效果
Mar 22 jQuery
js按条件生成随机json:randomjson实现方法
Apr 07 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
vue elementUI使用tabs与导航栏联动
Jun 21 Javascript
vue打开其他项目页面并传入数据详解
Nov 25 Vue.js
新手入门带你学习JavaScript引擎运行原理
Jun 24 #Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 #Javascript
新手如何快速理解js异步编程
Jun 24 #Javascript
简单了解小程序+node梳理登陆流程
Jun 24 #Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 #Javascript
深入了解query和params的使用区别
Jun 24 #Javascript
如何使用JavaScript实现栈与队列
Jun 24 #Javascript
You might like
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
php日历[测试通过]
2008/03/27 PHP
destoon各类调用汇总
2014/06/20 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
jquery动态加载select下拉框示例代码
2013/12/10 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
2015/05/07 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
2016/03/07 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
2016/12/15 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
python中cPickle用法例子分享
2014/01/03 Python
Python实现抓取网页并且解析的实例
2014/09/20 Python
Python中的zip函数使用示例
2015/01/29 Python
进一步探究Python中的正则表达式
2015/04/28 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
Django框架封装外部函数示例
2019/05/28 Python
python 实现将文件或文件夹用相对路径打包为 tar.gz 文件的方法
2019/06/10 Python
Python 写入训练日志文件并控制台输出解析
2019/08/13 Python
基于pandas中expand的作用详解
2019/12/17 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
西式婚礼证婚词
2014/01/12 职场文书
实习生自我评价
2014/01/18 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书