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 相关文章推荐
dreamweaver 安装Jquery智能提示
Apr 02 Javascript
JS实现的省份级联实例代码
Jun 24 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
浅析javascript函数表达式
Feb 10 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
May 03 Javascript
如何使用less实现随机下雪动画详解
Jan 02 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
2021年最新CPU天梯图
2021/03/04 数码科技
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
修改apache配置文件去除thinkphp url中的index.php
2014/01/17 PHP
PHP转盘抽奖接口实例
2015/02/09 PHP
php微信支付接口开发程序
2016/08/02 PHP
laravel 解决强制跳转 https的问题
2019/10/22 PHP
Prototype 工具函数 学习
2009/07/23 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
Python正则表达式常用函数总结
2017/06/24 Python
numpy库与pandas库axis=0,axis= 1轴的用法详解
2019/05/27 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
LightInTheBox西班牙站点:全球商品在线采购
2016/09/22 全球购物
意大利简约的休闲品牌:Aspesi
2018/02/08 全球购物
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
2014年评职称工作总结
2014/11/20 职场文书
房屋分割离婚协议书范本
2014/12/01 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
创业计划书之家教托管
2019/09/25 职场文书
第四次工业革命,打工人与机器人的竞争
2022/04/21 数码科技