JavaScript字符串常用类使用方法汇总


Posted in Javascript onApril 14, 2015

获取类:

1)动态方法:

charAt : 获取字符串指定位置上的字符。(参数:一个,指定要获取的字符位置)

1,不接受负数,如果为负数,会返回一个空字符串。

2,如果不给参数,默认是获取第0位置上的字符。

3,只接收一个参数。

charCodeAt : 获取字符串中指定位置上字符的Unicode编码(参数: 一个,指定要获取字符编码的字符位置)

1,任何字符都有一个唯一的字符编码。

2,只接收一个参数。

常用:

数字 : 48 ~ 57

下划线 : 95

空格  : 32

制表符 : 9

小写字母 :97 ~ 122

大写字母 : 65 ~ 90

2)静态方法:

fromCharCode : 根据指定的字符编码返回对应的字符。(参数: 任意多个)

1,可以接收多个参数。

2,写法是固定的(静态方法):String.fromCharCode();   //字符编码有效范围 : 0 ~ 65535 String是字符串的对象

var str = '我是字符串';
 alert( str.charAt( 2 ) );  //''  如果本身长度只有5,却找str.charAt(12) 找不到也是空字符串'',0~str.length-1是合法范围。
 alert( str.charAt( ) );   //'我' 默认不写是0,找到第一个字符
 alert( str.charAt(2) );   // '字'
 alert( '1234'.charAt( 2 ) ); //3
 alert( '1234'.charAt(2,3) ); //3
 alert( str.charCodeAt( 2 ) );//23383 unicode编码
 alert( '1'.charCodeAt() );  // 49
 alert(String.fromCharCode(23383 ,21619)); //'字味' 根据编码转换成字符(静态方法)多个字符用 , 隔开

查找类:

indexOf : 查找指定的子字符串在字符串中第一次出现的位置。(第一个参数,指定要查找的子字符串;第二个参数指定开始查找的位置。)

1,从前往后查找,默认从第0位置开始。

2,如果找到了,就返回第一次被查找到的位置,如果没有找到,就返回 -1。

3,如果第二个参数为负数,默认当成0来处理

lastIndexOf : 查找指定的子字符串在字符串中最后一次出现的位置。(第一个参数,指定要查找的子字符串;第二个参数指定开始查找的位置。)

 1,从后往前查找,默认从第 length - 1 位置开始。

 2,如果找到了,就返回第一次被查找到的位置,如果没有找到,就返回 -1。

var str = 'www.baidu.com/2015';
 alert(str.indexOf('bai'));  //4 从左往右找找到一个就返回不会再往右找了
 alert(str.indexOf('m',5))  //12 从第5位开始向右找
 alert(str.indexOf('X'))   //-1 不存在的话结果是 -1 表示没找到
 alert(str.lastIndexOf('ww')); //1

截取类:

substring : 提取指定范围的一段子字符串。(第一个参数,指定要提取的开始位置;第二个参数,指定要提取的结束位置。)

1,提取范围包括开始位置,但是不包括结束位置。

2,可以省略第二个参数,表示从开始位置提取到字符串结束

3,在提取之前会先比较两个参数的大小,然后按从小到大的顺序调整参数位置,再提取。

4,所有的非法参数都会自动转化成0.

5,如果不给参数,默认直接返回整个字符串。

slice : 提取指定范围的一段子字符串。(第一个参数,指定要提取的开始位置;第二个参数,指定要提取的结束位置。)

1,提取范围包括开始位置,但是不包括结束位置。

2,可以省略第二个参数,表示从开始位置提取到字符串结束

3,不会比较两个参数的位置,更不会调整位置的位置

4,参数可以是正数,也可以是负数,其它所有非法参数都会转换成0。

5,负数表示从字符串的后面往前数字符位置,最一个字符的位置是 -1。

var str = '我是字符串';
 alert(str.substring());   //'我是字符串'
 alert(str.substring(-2,1)); //'我'
 alert(str.substring(2));  //字符串
 alert(str.substring(0,2)); //'我是' 与str.substring(2,0)是一样的。可以检测两个数,大的往后仍,小的往前仍。负数当成0来处理。
 alert(str.slice(2,0));    //空白 找不到,不交换位置
 alert(str.slice(-2));     //'符串' 负数就是从后面倒着往前数

比较类:

alert(‘我'>'你'); //true 字符串比较就比较第一个字符对应的Unicode值大小,后边的就不比较了。

其他类:

alert(str.length); //获取字符串长度

split() //把字符串切成数组

参数: 一个  指定一个分割符用来分割字符串。

1,如果不指定分割符,就不会分割,直接存入数组。

2,以分割符为依据,把分割符左右两边的值分别存入数组。

3,分割符本身不会存入数组。

4,分割符只能是字符串中存在的子字符串。

5,在split看来,两个字符之间必须依靠空字符串连接。

6,当用空字符串去分割空字符串的时候,会得到一个空数组。

var str = '1234';
alert( typeof str ); //string
alert( typeof str.split() ); //object
alert( str.split().length ); //['1234']
alert( str.split('2') ); //['1','34']
alert( str.split('a') ); //['1234']
alert( str.split('23') ); //['1','4']
alert( str.split('').length ); //['1','2','3','4']
alert( str.split('') );    //['1','2','3','4']
//'1234' 由五个 '' 加 四个字符组成
alert( str.split('1234') );//['','']
alert( str.split('1') );  //['','234']
alert( ''.split(' ').length ); //['']
alert( ''.split('').length ); //[]
//特例,只有这种情况下 split 才会返回空数组。

trim() : 去除字符串首尾的所有空格。(字符串中间的空格会保留)。

      html5的新方法,低版本浏览器不支持。

toUpperCase() : 把字符串全部转换成大写。(没有参数)

toLowerCase() : 把字符串全部转换成小写。(没有参数)

最后,所有的字符串方法,都不会修改字符串本身。

以上所述就是本文的全部内容了,希望能够对大家有所帮助。

Javascript 相关文章推荐
基于jquery实现ajax无刷新评论
Aug 19 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
May 17 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
taro开发微信小程序的实践
May 21 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
Jun 21 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
Oct 02 Javascript
Vue实现跑马灯效果
May 25 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
Jul 30 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 Javascript
JavaScript 表单处理实现代码
Apr 13 #Javascript
JavaScript 事件绑定及深入
Apr 13 #Javascript
JavaScript 事件对象介绍
Apr 13 #Javascript
JavaScript 事件入门知识
Apr 13 #Javascript
JavaScript 动态加载脚本和样式的方法
Apr 13 #Javascript
JavaScript DOM元素尺寸和位置
Apr 13 #Javascript
JavaScript DOM操作表格及样式
Apr 13 #Javascript
You might like
PHP简单实现循环链表功能示例
2017/11/10 PHP
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
获取客户端电脑日期时间js代码(jquery)
2012/09/12 Javascript
JQuery操作单选按钮以及复选按钮示例
2013/09/23 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
2013/09/29 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
2014/05/18 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
2015/02/20 Javascript
JavaScript设计模式初探
2016/01/07 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
Python实现发送email的几种常用方法
2014/08/18 Python
Python中import导入上一级目录模块及循环import问题的解决
2016/06/04 Python
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
Python的垃圾回收机制详解
2019/08/28 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
Python如何实现机器人聊天
2020/09/10 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
工地安全质量标语
2014/06/07 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
个人存款证明书
2014/10/18 职场文书