javascript学习笔记(三) String 字符串类型介绍

所属分类: 网络编程 / JavaScript 阅读数: 1771
收藏 0 赞 0 分享
1.字符方法charAt() 、charCodeAt()、fromCharCode()
复制代码 代码如下:

var stringValue = "hello world";
alert(stringValue.charAt(1));    //"e"
alert(stringValue[1]);      //"e"
alert(stringValue.charCodeAt(1));  //101
alert(String.fromCharCode(104,101)); //"he"

2.返回子字符串方法slice()、substr()、substring()
slice()、substring()方法第一个参数指定子字符串的起始位置,第二个参数指定结算位置(不包括结束位置),原字符串不变
substr()第二个参数指的是返回的字符个数,原字符串不变
复制代码 代码如下:

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.subtring(3,7));   //"lo w"
alert(stringValue.substr(3,7)); //"lo worl"

alert(stringValue.slice(-3)); //"rld",取数组最后3个字符
alert(stringValue.slice(-3)); //"rld",取数组最后3个字符

3.字符串位置方法 indexOf() 和 lastIndexOf()
indexOf()方法从前向后搜索子字符串,可接收一个参数或两个参数,第一参数指定要搜索的子字符串,第二个参数指定从该位置向后搜索,没找到返回-1
lastIndexOf()方法从后向前搜索子字符串,可接收一个参数或两个参数,第一参数指定要搜索的子字符串,第二个参数指定从该位置向前搜索,没找到返回-1
复制代码 代码如下:

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

4.字符串大小写转换方法 toLowerCase()和toUpperCase()
toLowerCase()转换为小写,toUpperCase()转换为大写

5.字符串的比较localeCompare()
localeCompare()可以比较英文,也可以比较中文,大写字母在前小写字母在后

6.字符串排序:
复制代码 代码如下:

var stringValue= ["中国","楠楠","俊俊"];
alert(stringValue.sort(stringCompare));
//升序排序函数a-z
function stringCompare(value1,value2) {
return value1.localeCompare(value2); //降序z-a,value1和value2互换位置
}
更多精彩内容其他人还在看

JavaScript this关键字指向常用情况解析

这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Vue-cli打包后如何本地查看的操作

这篇文章主要介绍了Vue-cli打包后如何本地查看的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue cli 3.0通用打包配置代码,不分一二级目录

这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JavaScript事件循环及宏任务微任务原理解析

这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

关于vue-cli3打包代码后白屏的解决方案

这篇文章主要介绍了关于vue-cli3打包代码后白屏的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue打包静态资源后显示空白及static文件路径报错的解决

这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue-cli3访问public文件夹静态资源报错的解决方式

这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS继承实现方法及优缺点详解

这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue或react项目生产环境去掉console.log的操作

这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多