回顾：

var num = str.length：字符个数

str = str.toLowerCase()/toUpperCase()

var char = str.charAt(index)  ：指定位置的字符

var code = str.charCodeAt(index)：指定位置的字符的unicode编码

字符串三大操作：

1.查找关键字

2.替换关机子

3.获取子字符串

查找关键字：var index = str.indexOf("关键字");

　　　　　　返回关键字所在位置！****如果没找到  返回-1**

indexOf：懒：只找第一个关键字位置!

　　　　  蠢：默认只能从位置0开始~

var index = str.indexOf("关键字",from);

from：开始查找的位置   从from开始向后查找，

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script type="text/javascript"> 
        var str="女神说要来,我草草的收拾了房间。他又说不来了。我说：我草";
        var index=-1;  //从上次找到的位置开始
        while((index=str.indexOf("我草",index+1))!=-1){
            console.log("位置"+index+"发现关键字");   //  位置6发现关键字 位置26发现关键字
        }
    </script>
</body>
</html>

从最后一个字符，向前找：只要关键字离结尾近 ，就用last

var index = str.lastIndexOf("关键字"，from);

from：开始查找的位置   从from开始 向前查找

返回的Index完全相同~   字符在数组中的下标是固定的！

2处修改：index从str.length开始；每次index要-1；

<!DOCTYPE HTML>

<html lang="en-US">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <script type="text/javascript">

        var str="女神说要来,我草草的收拾了房间。他又说不来了。我说：我草";

        var index=str.length;  //从上次找到的位置开始

        while((index=str.lastIndexOf("我草",index-1))!=-1){

            console.log("位置"+index+"发现关键字")     // 位置26发现关键字  位置6发现关键字

        }

    </script>

</body>

</html>

2、获取子字符串：var subStr = str.slice(start,end);      //含头不含尾  要在获取的最后一位再加1

　　　　　　　　  str.substring(start,end+1) 用法同slice~

　　　　唯一差别：不支持负值作为参数！

　　　　　　　　 str.substr(start,count)

以上三种方法省略第二个参数，默认都是取到结尾。

按规律分割字符串：var subs = str.split(“分割符”[,count])；   //返回切割后的数组

实例：

把字符串中的首字母变大写：

<!DOCTYPE HTML>

<html lang="en-US">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <script type="text/javascript">

        var str="no zuo no die";

        var words=str.split(" ");

        console.log(words);   //["no", "zuo", "no", "die"]

        for(var i=0; i<words.length; i++){

            //取每个单词元素的首字母大写

            //拼第二个字母之后的所有字符

            words[i]=words[i][0].toUpperCase()+words[i].substring(1);

        }

        console.log(words);  //["No", "Zuo", "No", "Die"]

        var newwords=words.join(" ");

        console.log(newwords); //No Zuo No Die

    </script>

</body>

</html>

Js 字符串的三大操作的更多相关文章

  1. js字符串和数组操作，容易混淆的方法总结（slice、substring、substr、splice）

    平时工作中,很少静下心来总结基础知识,总觉得自己会用了,有点飘了,直到碰壁之后才懂得基础知识的重要性.大牛告诉我,一次写对,是不是可以不用F12去调试了?是不是省了时间?简直是面红耳赤,无地自容.在这 ...

  2. js字符串操作

    javascript中字符串常用操作总结.JS字符串操作大全 String对象属性 (1) length属性 length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度.当然需要注意的是 ...

  3. 页面循环绑定（变量污染问题），js面向对象编程（对象属性增删改查），js字符串操作，js数组操作

    页面循环绑定(变量污染问题) var lis = document.querySelectorAll(".ul li") for ( var i = 0 ; i < lis. ...

  4. js 字符串操作函数有哪些

    js 字符串操作函数有哪些 一.总结 一句话总结:js字符串函数都是字符串对象的方法,是通过调用字符串方法的方式调用,和java,php里面不一样. 1.字符串替换函数怎么用? 这里的正则表示是加双引 ...

  5. js字符串操作函数

    js字符串函数 JS自带函数 concat 将两个或多个字符的文本组合起来,返回一个新的字符串. var a = "hello"; var b = ",world&quo ...

  6. 探讨js字符串数组拼接的性能问题

    这篇文章主要介绍了有关js对字符串数组进行拼接的性能问题,字符串连接一直是js中性能最低的操作之一,应该如何解决呢?请参看本文的介绍 我们知道,在js中,字符串连接是性能最低的操作之一. 例如: 复制 ...

  7. 从js的repeat方法谈js字符串与数组的扩展方法

    js将字符串重复N次的repeat方法的8个版本 /* *@desc: 将一个字符串重复自身N次 */ //版本1:利用空数组的join方法 function repeat(target, n) { ...

  8. js,jQuery数组常用操作小结

    一.js中数组常用操作小结 (1) shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift() ...

  9. html 转 js 字符串

    看到一个牛人的博客  http://riny.net/lab/#tools_html2js 看了下他的代码  挺棒的 所依赖的两个库在这里 https://github.com/Bubblings/l ...

随机推荐

  1. unity3D打包发布Apk详细步骤

    1.复制android-sdk-windows文件夹到C盘或者D盘或者你可以找到的任意盘任意目录,注意:不能在中文目录下!! 复制完成之后,打开unity,新建一个项目,打开Edit-Preferen ...

  2. OO第一阶段总（休）结（养）分（生）析（息）

    第一次作业: 这是一次让我认识到ddl面前潜力真的可以无限大的作业. 一直以为OO是一门和数据结构一样先用几周的时间讲讲Java然后写写”Hello World”小程序再开始讲正课的我(我也不知道为什 ...

  3. find 命令实战巧用

    一.命令简介 find 命令的 -size 参数 单位b(不是byte而是block).c.w.k.M.G.默认是单位b ,也就是1block = 512byte = 0.5kb (文件系统ext4) ...

  4. 哈希表概念和实现，C/C++实现

    body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...

  5. idea查看jar包是否存在

    idea在project目录下如下图(1),是总的pom文件,定义了四个子模块共用的依赖,并且其中定义了四个子模块,,每个模块都有各自的pom.xml文件.结构目录只有一个总的lib库. 但是可能在s ...

  6. css经验之谈

    //清除浮动 .clear { zoom:1; }.clear:after { content:''; display:block; clear:both; }.fl { float:left; }. ...

  7. 二、求水仙花数，打印出100-999之间所有的"水仙花数"

    所谓"水仙花数"是指一个三位数,其各位数字立方和等于该数本身. 例如:153是一个"水仙花数",因为153=1的三次方+5的三次方+3的三次方 public c ...

  8. CSS学习笔记-03- 过渡模块之前奏篇 a标签的伪类选择器

    CSS3 2D转换CSS3 3D转换CSS3 过渡CSS3 动画 CSS3 的四大金刚. 想要实现酷炫的视觉效果,上面4个是必须要掌握的.学习之前,先复习一下 视觉盛宴的前菜 :a标签的伪类选择器 铛 ...

  9. Appium Python API

    1.contexts contexts(self): Returns the contexts within the current session. 返回当前会话中的上下文,使用后可以识别H5页面的 ...

  10. 20165326 java第六周学习笔记

    第六周学习总结 ch8 String类对于有效处理字符序列信息非常重要. String对象的字符序列不能被修改删除,无法发生变化. StringBuffer类的对象实体的内存空间可以自动改变大小,便于 ...