js对象之string

在这里插入图片描述charAt()实例

var b="wo you e le";
      var a=b.charAt(4);
      console.log(a); 

打印结果:

o

charCodeAt()返回的是元素的编码

var b="wo you e le";
      var a=b.charCodeAt(4);
      console.log(a); 

结果:

111

111就是o的ascll值在这里插入图片描述indexof()是字符串中重要的方法
应用实例如下:

var b="wo you e le";
      var a=b.indexOf("o");
      console.log(a); 

结果:

1

indexof()不仅可以检测一个字符,还可以检测一串字符,如

 var b="wo you e le";
      var a=b.indexOf("ou");
      console.log(a); 

结果
4
是被检测的字符串中第一个字符的位置
lastLndexof()跟indexof()的区别就是lastLndexof()是从后往前检测,而indexof()是从前往后开始检测的

string的截取方法

slice()
substring()
substr()在这里插入图片描述

slice

<script>
//    截取“ou”
      var b="wo you e le";
      var a=b.slice(4,6);
      console.log(a); 
        
 </script>   

结果:

ou

当你传入的参数为负数时,他会把负数与字符串的长度相加,再处理
总结:
在这里插入图片描述substring()与slice()语法一样,只是有些区别

  1. 当参数为负数时,自动将参数转换成0;
    2.当第二个参数为负数时,先自动转换成0,他会默认从索引小的开始截取,比如:var a=b.substring(2,-5);会先转换成var a=b.substring(2,0);然后是从0到2截取
    substr
    在这里插入图片描述实例:
 var b="wo you e le";
      var a=b.substr(3,3);
      console.log(a); 
you

应用一下这几种方法
获得输入参数的后缀名,例输入abc.txt,返回.txt

 var arr="abc.txt";
     function getHz(arr)
     {
     var point=arr.lastIndexOf(".");
      hz=arr.slice(point);
     }
       getHz(arr);
    console.log(hz);

结果:

.txt

spilt在这里插入图片描述实例:

 var arr="abc.abc";
    var qq=arr.split(".");
    console.log(qq);

结果:

["abc", "abc"]

replace
在这里插入图片描述实例:

var arr="abc.efs";
    var qq=arr.replace("abc","abcdef");
    console.log(qq);
abcdef.efs

注意:replace()不会修改原字符串,console.log(arr)还是abc.efs

转换大小写的方法

  1. toLocaleUppercase()
  2. toLocaleLowercase()
var arr="abc.efs";
    var qq=arr.toLocaleUpperCase();
    console.log(qq);
ABC.EFS

toLowercase()同理
做一个小练习
把border-left-color转换成borderLeftColor

function tf(arr){
      var str=arr.split("-"),qq=str[0];
      console.log(str);
      for(var i=1;i<str.length;i++)
      {
        var qq=qq+str[i].charAt(0).toLocaleUpperCase()+str[i].substr(1);
        
      }
     return qq;
    }
  
  console.log(tf("border-left-color"));

打印结果borderLeftColor

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值