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 面向对象编程(coolshell)
Mar 18 Javascript
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
jquery过滤特殊字符',防sql注入的实现方法
Aug 17 Javascript
微信小程序 条件渲染详解
Oct 09 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
JavaScript ES6 Class类实现原理详解
May 08 Javascript
js实现简易计算器小功能
Nov 18 Javascript
Vue $attrs & inheritAttr实现button禁用效果案例
Dec 07 Vue.js
浅析vue中的nextTick
Dec 28 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
PHP MemCached 高级缓存应用代码
2010/08/05 PHP
php强制下载类型的实现代码
2011/04/21 PHP
注册页面之前先验证用户名是否存在的php代码
2012/07/14 PHP
深入分析使用mysql_fetch_object()以对象的形式返回查询结果
2013/06/05 PHP
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
PHP反射基础知识回顾
2020/09/10 PHP
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
学习Bootstrap组件之下拉菜单
2015/07/28 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
JS实现颜色梯度与渐变效果完整实例
2016/12/30 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
在Vue项目中取消ESLint代码检测的步骤讲解
2019/01/27 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python实现字符串反转的常用方法分析【4种方法】
2017/09/30 Python
python如何通过实例方法名字调用方法
2018/03/21 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
美国成衣女装品牌:CHICO’S
2016/09/19 全球购物
Hammitt官网:设计师手袋
2020/05/23 全球购物
C#怎么让一个窗口居中显示?
2015/10/20 面试题
会计学专业自荐信
2014/06/25 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
2015年七一建党节活动总结
2015/03/20 职场文书
基于flask实现五子棋小游戏
2021/05/25 Python