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 相关文章推荐
JavaScript 学习笔记(十六) js事件
Feb 01 Javascript
小结Node.js中非阻塞IO和事件循环
Sep 18 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
搭建vue开发环境
Jul 19 Javascript
javascript中UMD规范的代码推演
Aug 29 Javascript
深入理解Vue 的钩子函数
Sep 05 Javascript
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
微信小程序实现弹出层效果
May 26 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 Javascript
javascript实现弹出层效果
Dec 10 Javascript
新手入门带你学习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
如何写php程序?
2006/12/08 PHP
浅析PHP微信支付通知的处理方式
2014/05/25 PHP
php建立Ftp连接的方法
2015/03/07 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
2014/01/26 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
js实现的星星评分功能函数
2015/12/09 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
2016/09/06 Javascript
多种方式实现js图片预览
2016/12/12 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
Mac中安装nvm的教程分享
2017/12/11 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
用node开发并发布一个cli工具的方法步骤
2019/01/03 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
Python3实现转换Image图片格式
2018/06/21 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
Python flask框架端口失效解决方案
2020/06/04 Python
keras得到每层的系数方式
2020/06/15 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
生产车间实习自我鉴定
2013/09/23 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
学生保证书范文
2014/04/28 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
班级学习雷锋活动总结
2014/07/04 职场文书
小学毕业感言200字
2015/07/30 职场文书
消防宣传标语大全
2015/08/03 职场文书
浅谈Python中对象是如何被调用的
2022/04/06 Python