JS常用字符串处理方法应用总结_javascript技巧

1.indexOf()方法,从前往后查找字符串位置,大小写敏感,从0开始计数。同理,lastIndexOf() 方法从后往前,两个方法对于相同的检索条件输出的结果是一样的

例如:

复制代码 代码如下:

<script type="text/javascript">

var str="Hello World!"
document.write(str.indexOf("Hello"))//输出0
document.write(str.indexOf("World"))//输出6
document.write(str.indexOf("world"))//输出-1,因为没查到

</script>

2.length,采用“XXX.length”的形式访问,因为它是string对象的方法

复制代码 代码如下:

<script type="text/javascript">

var str="Hello World!"
document.write(str.length);//输出12

</script>

3.substr()方法,用于字符串截取,一个必选参数,一个可选参数,从0开始计数

复制代码 代码如下:

<script type="text/javascript">

var str="Hello World!"
document.write(str.substr(3));//输出lo World!,从序数为3的字符开始(包括序数为3的字符),参数只有一个时会一直输出到末尾
document.write(str.substr(3,7));//输出lo Worl,如果第一个参数是负数,就是倒着数

</script>

4.charAt()方法,用于返回指定位置的字符,从0开始计数

复制代码 代码如下:

<script type="text/javascript">

var str="Hello World!"
document.write(str.charAt(1));//输出e

</script>

5.split()方法,用于把一个字符串分割成字符串数组

复制代码 代码如下:

<script type="text/javascript">

var str="Hello World!"
document.write(str.split(" "));//输出Hello,World!
document.write(str.split(""));//输出H,e,l,l,o,W,o,r,l,d,!
document.write(str.split(" ",1));//输出Hello
"2:3:4:5".split(":")//将返回["2", "3", "4", "5"]
"|a|b|c".split("|")//将返回["", "a", "b", "c"]
var words = sentence.split(/\s+/)//使用正则表达式作为分割参数

</script>

时间: 2024-10-28 02:59:00

JS常用字符串处理方法应用总结_javascript技巧的相关文章

浅谈js常用内置方法和对象_javascript技巧

JS内置函数不从属于任何对象,在JS语句的任何地方都可以直接使用这些函数.JS中常用的内置函数如下: 1.eval(str)接收一个字符串形式的表达式,并试图求出表达式的值.作为参数的表达式可以采用任何合法的操作符和常数.如果参数中包含JS命令,这些命令也可以被执行,就像这些命令是JS程序的一部分一样. 2.parseInt(str,n)试图从一个字符串中提取一个整数.可附加一个n整数实现返回n进制整数.如果在字符串中存在除了数字.符号.小数点和指数符号以外的字符,就停止转换,返回已有的结果.如

js常用系统函数用法实例分析_javascript技巧

本文实例讲述了js常用系统函数用法.分享给大家供大家参考. 具体代码如下: 复制代码 代码如下: <html> <head> </head> <body> <script type="text/javascript"> //1. escape()函数,把字符串转成各计算机平台通用的unicode编码:解码(转回去)则用enescape(). var str = '王美人'; document.write(escape(str)

JS中的Replace方法使用经验分享_javascript技巧

最近查一个bug,原因是JS中的Replace方法造成的,当将一个字符串中有处需要替换时,一般会用到JS中的Replace方法,Replace方法的第一个参数如果是传的字符串,只会替换第一处.代码如下: 复制代码 代码如下: var str = "0CEA65D5-DB8E-4876-A6F8-C88AC7F0E185,E846C244-8A19-4374-879B-0B1DC08D1747,6CB3EBA4-1E22-4E4D-8800-AE31130B6F5D"; alert(st

JS瀑布流实现方法实例分析_javascript技巧

本文实例分析了JS瀑布流实现方法.分享给大家供大家参考,具体如下: 描述: 1.每个图片宽度都一样,高度不一样 思路: 1.算出一共有几列(通过视窗总宽度/单个图片宽度得出) 2.根据一共几列*单个图片宽度,设置外围总宽度并水平居中(注:这个宽度应该是计算出来的,而不是定死,因为窗口大小会改变) 3.将第一行图片高度按顺序填充进数组 4.算出第一行图片里高度最短的那个,将第二行的第一张图片添加到其后(绝对定位),添加完第二行第一张,更新他的高度,然后重新计算最短,再开始之前的过程 5.鼠标在滑动

JS访问DOM节点方法详解_javascript技巧

本文实例讲述了JS访问DOM节点方法.分享给大家供大家参考,具体如下: 查找并访问节点 你可通过若干种方法来查找您希望操作的元素: 通过使用 getElementById() 和 getElementsByTagName() 方法 通过使用一个元素节点的 parentNode.firstChild 以及 lastChild 属性 getElementById() 和 getElementsByTagName() getElementById() 和 getElementsByTagName()

JavaScript中将一个值转换为字符串的方法分析[译]_javascript技巧

译者注:前两天在看ES5的时候顺便出了一道题,今天看到这篇文章,刚好解释的很清楚,就翻译了一下.在JavaScript中,主要有三种方法能让任意值转换为字符串.本文讲解了每种方法以及各自的优缺点. 1.转换字符串的三种方法 这三种将value转换为字符串的方法是: 1.value.toString() 2."" + value 3.String(value) 第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这两种方法的效果基本一样. •

js实现的map方法示例代码_javascript技巧

复制代码 代码如下: /** * * 描述:js实现的map方法 * @returns {Map} */ function Map(){ var struct = function(key, value) { this.key = key; this.value = value; }; // 添加map键值对 var put = function(key, value){ for (var i = 0; i < this.arr.length; i++) { if ( this.arr[i].k

JS碰撞运动实现方法详解_javascript技巧

本文实例分析了JS碰撞运动实现方法.分享给大家供大家参考,具体如下: 描述:撞到目标点弹回来(速度反转) 一.无重力的漂浮div var div1=document.getElementById("div1"); var iSpeedX=6; var iSpeedY=8; setInterval(function(){ var l=div1.offsetLeft+iSpeedX; var t=div1.offsetTop+iSpeedY; if(t>=document.docum

D3.js实现柱状图的方法详解_javascript技巧

D3.js介绍 D3.js 是一个基于数据操作文档JavaScript库.D3帮助你给数据带来活力通过使用HTML.SVG和CSS.D3重视Web标准为你提供现代浏览器的全部功能,而不是给你一个专有的框架.结合强大的可视化组件和数据驱动方式Dom操作.这里也可以看到它是用SVG来呈现图表的,所以使用D3.js是需要一定的SVG基础的. 如何用D3.js实现柱状图? 柱状图里面有坐标轴和柱子.然而我们还需要SVG画布来画这些东西.先把大概的画图框架搭起来,代码如下(请注意此时我在body标签里添加