Js 字符串的三大操作

回顾:

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>
时间: 2024-12-05 07:06:00

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

js字符串和数组操作

1.把字符串转化为数组  ToArray 函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 1 (function(){ 2 //把字符串以','来分割成数组形式 3 var oData='1,2,3,4,5,6' 4 var oSub=oData.split(','); 5 console.log(oSub) 6 //[1,2,3,4,5,6] 7 })() 拓展1: 简单封装个 toArray函数 1 function toArray(value){ 2 value

0003.js字符串操作

通过 + 连接符拼接字符串: var str1 = "hello"; str1 = str1 + " javaScript"; document.write(str1); 或者: var str1 = "hello"; str1 += " javaScript"; document.write(str1); 输出:hello javaScript 要在字符串中添加换行符,需要使用转义字符"\n",但这种方法

JS中字符串的相关操作

(转自:http://www.cnblogs.com/zhaoxinxin/articles/1402733.html) 一.字符串的创建 创建一个字符串有几种方法. 最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量. var myStr = "Hello, String!"; 可以用双引号或单引号将字符串包含,但要注意,作为界定字符串的一对引号必须是相同的,不能混用. 像var myString = "Fluffy is a pretty cat.'; 这样

JS 字符串的操作

JS字符串操作还是很频繁,如果同正则表达式结合起来,功能非常强大. 1.test    验证字符串是否符合正则表达式. /\s+/.test(" i'm you"); //true 它只会返回true和false; 2.Match    字符串内检索指定的值,或找到一个或多个正则表达式的匹配. 匹配到值返回一个数组,否则返回为null. 2.1 match的使用与正则表达式的g标志有很大的关系,如果正则中没有g,那么第 0 个元素存放的是匹配文本, 还含有两个对象属性.index 属性

JS字符串的操作

1.字符串转换 字符串转换是最基础的要求和工作,你可以将任何类型的数据都转换为字符串,你可以用下面三种方法的任何一种: var num=24; var mystr=num.toString(); //"24" 你同样可以这么做: var num=24; var mystr=String(num); //"24" 或者,在简单点儿: var num=24; var mystr="" + num; //"24" 2.字符串分割 将

js,jQuery数组常用操作小结

一.js中数组常用操作小结 (1) shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); 结果 a:[2,3,4,5] b:1 (2) unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); 结果 a:[-2,-1,1,2,3,4,5] b:7 注:在IE6.0下测试返回值总为undefi

js中的二进制操作相关类型和方法

Blob数据对象 MDN官方解释Blob对象:一个Blob对象就是一个包含有只读原始数据的类文件对象.Blob对象中的数据并不一定得是JavaScript中的原生形式.File接口基于Blob, 继承了Blob的功能,并且扩展支持了用户计算机上的本地文件. 创建Blob对象的方法有几种,可以调用Blob构造函数,还可以使用一个已有Blob对象上的slice()方法切出另一个Blob对象,还可以调用canvas对象上的toBlob方法. 实际上,Blob是计算机通用术语之一,全称写作:BLOB(b

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

js将字符串重复N次的repeat方法的8个版本 /* *@desc: 将一个字符串重复自身N次 */ //版本1:利用空数组的join方法 function repeat(target, n) { return (new Array(n + 1)).join(target); } //版本2:之所以要创建一个带length属性的对象 是因为要调用数据的原型方法,需要指定call的第一个参数为类数组对象 //类数组对象的必要条件是其length属性的值为非负数 function repeat(t

html 转 js 字符串

看到一个牛人的博客  http://riny.net/lab/#tools_html2js 看了下他的代码  挺棒的 所依赖的两个库在这里 https://github.com/Bubblings/lab/tree/master/tools/js <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document<