JS字符串相关操作


主要内容
  • 字符串基本操作

    • document.write(str.fontcolor(‘red’));
    • document.write(str.fontsize(45));
    • document.write(str.sub());
    • document.write(str.sup());
    • ……
  • 字符串拼接

    • str3.concat(“world”);
    • alert(str3+‘world’);
    • str2.join("+")
  • 字符串查找

    • str.indexOf(‘h’,3)
    • str.lastIndexOf(‘h’,3)
    • str.search(/abc/i)
  • 字符串替换

    • str3.replace(/a/ig,‘hhhhhh’)
  • 字符串分割

    • str.substring(2,4)
    • str.split(" ",3)
  • 字符串大小写

    • str.toLowerCase()
    • str.toUpperCase()

代码
<!DOCTYPE html>
<html>
<head>
<title>字符串的使用</title>
<style type='text/css'>
</style>
<script type="text/javascript"> 
    // =====================================================================
    // 字符串基本操作
//    var str = "hello world!";
//    // 用大号字体显示字符串
//    document.write(str.big()+'<br>');
//    // 显示闪动字符串IE下无效
//    document.write(str.blink()+'<br>');
//    // 使用粗体显示字符串
//    document.write(str.bold()+'<br>');
//    // 以打字机文本显示字符串
//    document.write(str.fixed()+'<br>');
//    // 以删除线来显示字符串
//    document.write(str.strike()+'<br>');
//    // 使用指定颜色来显示字符串
//    document.write(str.fontcolor('red')+'<br>');
//    // 使用指定字体大小来显示字符串
//    document.write(str.fontsize(45)+'<br>');
//    // 将字符串显示为链接
//    document.write(str.link()+'<br>');
//    // 把字符串显示为下标
//    document.write(str.sub()+'<br>');
//    // 把字符串显示为上标
//    document.write(str.sup()+'<br>');
//     //    str.charAt(3)显示下标为3得字母
//     console.log(str.charAt(3));//108
//     // str.charCodeAt(3)显示下标为3得字母得ASCII值
//     console.log(str.charCodeAt(3));

//     // String.fromCharCode(ASCII值)
//     // 返回ASCII对应得字母
//     document.write(String.fromCharCode(99));
//     var str2 = String.fromCharCode(97,98,99);
//     document.write(str2);
    // =====================================================================
    // str3.concat("world") 字符串得拼接,返回拼接后得字符串,生成新得字符串
    //    var str3= "hello ";
    //    var str2=str3.concat("world");
    //    alert(str2)//hello world
    //    alert(str3)//hello 
    // // 一般使用字符串拼接符 + 
    // alert(str3+'world');//hello world
    // =====================================================================
    // 字符串的查找
    // indexOf()
    // indexOf(字符串,开始查找的位置) 两个参数
    // 返回子串第一次的字符串中出现的位置,否则返回-1
    // var str ="abcdefg";
    // alert(str.indexOf('bcd'));//1
    // alert(str.indexOf('h',3));//-1
    // -------------------------------------------------------------
    // lastindexOf()
    // lastindexOf(字符串,开始查找的位置) 两个参数
    // 返回子串最后一次的字符串中出现的位置,否则返回-1
    // var str ="abcabcabcabc";
    
    // alert(str.lastIndexOf('abc'));//9
    // alert(str.lastIndexOf('h',3));//-1
    // -------------------------------------------------------------
    // search(子串) 可以是正则表达式
    // 子串写法  "abc"  /abc/ 
    // /abc/ig i 忽略大小写 g全局搜索
    // var str ="Abcabcabcabc";
    // alert(str.search("abc"));//3
    // alert(str.search(/abc/));//3
    // alert(str.search(/abc/i));//0
    // =====================================================================
    // replace()字符串替换
    // replace(匹配的字符串|正则表达式,替换为的新表达式)
    // 返回值是替换完成后新生成的字符串
    // var str ="a b c d";
    // var str2 = str.replace('b',"hhhhh");//a hhhhh c d
    // // alert(str2);
    // var str3 ="a b c d a a a";
    // var str4 = str3.replace('a',"hhhhh");
    // alert(str4);//hhhhh b c d a a a 无法进行全局替换
    // str3 ="A b c d a a a";
    // var str5 = str3.replace(/a/ig,'hhhhhh');
    // alert(str5);//hhhhhh b c d hhhhhh hhhhhh hhhhhh
    // =====================================================================
    // 字符串分割
    // substring()
    // substring(开始的下标,结束的下标)
    // 返回分割后的新字符串
    // var str = "hello word";
    // var str2 = str.substring(2,4);
    // alert(str2);//ll
    // -------------------------------------------------------------
    // split()
    // split(分隔符,生成的字符长度)
    // 如果为""会分割为单个字符
    // 返回的是一个字符串数组 字符串=>数组
    // var str = "hello word hhhh hh hhhh";
    // var str2 = str.split(" ");//hello,word,hhhh,hh,hhhh
    // var str3 = str.split(" ",3);//hello,word,hhhh
    // var str4 = str.split("");//h,e,l,l,o, ,w,o,r,d, ,h,h,h,h, ,h,h, ,h,h,h,h
    // alert(str2);
    // alert(str3);
    // alert(str4);
    // -------------------------------------------------------------
    // 数组=>字符串
    // join()
    // var str = "hello word hhhh hh hhhh";
    // var str2 = str.split(" ");//hello,word,hhhh,hh,hhhh
    // alert(str2.join("+"));//hello+word+hhhh+hh+hhhh
    // -------------------------------------------------------------
    // 字符串大小写问题
    // var str = "HELLO world";
    // alert(str.toLowerCase());//hello world
    // alert(str.toUpperCase());//HELLO WORLD

</script>
</head>
<body>
    <!-- <input type="button" value="按钮" id="btn"> -->
</body>
</html>
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Joshua_yi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值