登录  /  注册
首页 > web前端 > js教程 > 正文

JavaScript中字符串详解

小云云
发布: 2018-03-17 15:28:51
原创
1105人浏览过

本文主要和大家分享javascript中字符串详解,希望能帮助到大家。

一.字符串基本

1.字符串的创建

基本的数据类型  String
        var str = "字符串";

引用的数据类型 String
    var strObj = new String("字符串");

2.常用属性

length  字符串长度

var arr="abc"; console.log(arr.length)

3.常用方法

eg:var s = "see me fly I am singing in the sky";

①charAt()返回字符串中指定位置的字符  

根据索引获取指定字符,效果与s[1]相当

console.log(s.charAt(1));//e

②concat 可以用来连接俩个或是多个字符串 作用跟+  一样

  console.log(s.concat(" !","  00"))//see me fly I am singing in the sky !  00

③indexOf();
   a. indexOf()检查一个字符串是否含有指定内容
          ——如果含有内容,则会返回其第一次出现的索引
           ——没找到指定内容,则返回-1

 b. indexOf('指定的字符',索引a);从a的位置开始查找指定字符

            console.log(s.indexOf("b"));  //若找不到,则返回-1
        console.log(s.indexOf("m"));   //4
            console.log(s.indexOf("s",5)); //16

④lastIndexOf();用法跟IndexOf是一样

——只不过IndexOf()是从前开始查,而lastIndexOf()是从后往上查,但是索引还是从0开始

             console.log(s.lastIndexOf("s"));   //31
            console.log(s.lastIndexOf("s",5));   //索引5开始往前查, 0

⑤slice(start,end)字符串中截取指定内容,不影响原字符串,只是返回截取的指定内容

——start是开始的位置(有包括),end是结束的索引(不包含这个end的字符)

——如果没有end的话,则从start开始截取一直到末尾的字符

——也可以传递负数,则从末尾开始计算而不是从头开始

console.log(s.slice(1,5)); //ee m
            //a.要 截取 “I am singing”
            console.log(s.slice(s.indexOf("I"),s.lastIndexOf("g")+1))//I am singing
            //b.要 截取 “in the sky”
            console.log(s.lastIndexOf("i"))
            console.log(s.slice(-10))//in the sky
            //注意:数组都是从前安排到后面的,所以从末尾-1开始数,i为-10,所以(-10,-1)
            //但是由于-1这个位置表示到这个数值之前,就停止了,这个数值不进来,所以可以去掉
登录后复制

⑥substring(start,stop)截取一个字符串,与slice()类似
——subString(start,stop);start开始(包括),stop结束(不包括)
——这个方法不能接受负值作为参数,如传递负值默认为0
——自动调整位置,如stop参数小于start,则自动交换

var newarr2='see me fly ';
            console.log(newarr2.length)
        	console.log(s.substring(11,26)); //I am singing in
            console.log(s.substring(10,1)); //ee me fly
登录后复制

⑦substr(start,length)截取字符串
  ——start开始(包括),length是截取的长度

//要 截取 “I am singing”
            var newarr='I am singing';
            console.log(s.substr(s.indexOf("I"),newarr.length)); 

⑧split(separator) 方法用于把一个字符串分割成字符串数组

                ——separator 字符串或正则表达式

                ——split("")每个字符之间都会被分割,split(" ")空格则是按空格去分割字符串

console.log(s.split(" ")); //["see", "me", "fly", "I", "am", "singing", "in", "the", "sky"]

⑨ toLowerCase() 方法用于把字符串转换为小写。
    toUpperCase() 方法用于把字符串转换为大写

 console.log(s.toLowerCase());//see me fly i am singing in the sky
 console.log(s.toUpperCase());//SEE ME FLY I AM SINGING IN THE SKY

⑩replace(old,new)替换字符串
    ----old是原字符串的字符,new是新的

    ---替换第一次出现的

console.log(s.replace('me','you'));//see you fly I am singing in the sky

相关推荐:

js实现多个字符串首尾重复拼接

javascript实现倒置字符串的方法

对JavaScript字符串方法的总结

以上就是JavaScript中字符串详解的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号