JavaScript语法基础

Stella981
• 阅读 444

字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串语法</title>
</head>
<body>
    <script type="text/javascript">
        var str = "chenhao-Love-Football and Basketball";
        // alert(str.length);//字符串长度
        // alert(str.charAt(5));//获取字符创特定索引处的字符(从0开始算第五个下标)
        // alert(str.toUpperCase());//将字符创的所有字符转换成大写字母
        // alert(str.indexOf('o'));//返回字符串中特定字符串第一次出现的位置(弹出6)
        // alert(str.indexOf('o',7));//第一次出现的o到后面7位第一个出现的o的位置(弹出9)
        // alert(str.lastIndexOf('o'));//最后一个o的位置(弹出15)
        // alert(str.substring(2))//从第二位包括它本身开始截取
        // alert(str.substring(2,4))//注意后面4是从1开始算的,前面2是从0开始算的(弹出en)
        // alert(str.slice(2))//也是从第二位包括它本身开始截取,但跟substring比,它可以冲负数开始
        // alert(str.slice(3,-1))//截掉3之前的字(弹出nhao-Love-Football and Basketbal)
        // alert(str.replace('hao','gang'))//替换,把hao替换成gang(弹出chengang-Love-Football and Basketball)
        //字符串切割
        // var arr = str.split('-');//分割后,变成数组
        // for (var i = 0; i < arr.length; i++) {
        //     alert(arr[i]);//根据指定的字符来切割,分别弹出三个词,
        // }
        //匹配字符串弹出
        // alert(str.match('and'));//(弹出and)
        //返回下标索引
        alert(str.search('Love'));//(弹出8)
    </script>
</body>
</html>
点赞
收藏
评论区
推荐文章
Kent_Sun Kent_Sun
3年前
js去除字符串
js去除字符串js<DOCTYPEhtml<html<head<title</title</head<body</body<scripttype"text/javascript"functiondelHtmlTag(str){  returnstr.replace(/<^/g,"");}vars
Easter79 Easter79
2年前
vue 2.0 第一个坑,组件不显示的问题
<!DOCTYPEhtml<htmllang"en"<head<metacharset"UTF8"<titleappcomponent</title</head<body<ol<todoitem</todoit
Easter79 Easter79
2年前
table超出长度隐藏的字符用省略号表示
<!doctypehtml <htmllang"en" <head   <metacharset"UTF8"/   <title表格演示</title   <styletype"text/css"     table{        wid
Wesley13 Wesley13
2年前
java基础60 JavaScript字符串转换成数字(网页知识)
1、字符串转换成数字1<!doctypehtml2<html3<head4<metacharset"utf8"5<title字符串转换成数字练习</title6</head7<scripttype"text/javascrip
Wesley13 Wesley13
2年前
JS高级
<!DOCTYPEhtml<htmllang"en"<head<metacharset"UTF8"<title</title</head<body<script//为内置对象添加原型方法//实例中的方
Stella981 Stella981
2年前
JavaScript DOM操作案例点击按钮显示图片
1<!DOCTYPEhtml2<htmllang"en"3<head4<metacharset"UTF8"5<title</title6</head7<body8<inputtype"button"v
Wesley13 Wesley13
2年前
HTML5 基础知识(二)
<!DOCTYPEhtml<htmllang"en"<head<metacharset"utf8"/<title</title</head<body</body</html<!DOCTYPEhtml
Stella981 Stella981
2年前
JavaScript、ES6中类的this指向问题
<!DOCTYPEhtml<htmllang"en"<head<metacharset"UTF8"<titleDocument</title</head<body<button按钮</button<scrip
Stella981 Stella981
2年前
ES6中this的三种用法
<!DOCTYPEhtml<htmllang"en"<head   <metacharset"UTF8"   <titleDocument</title</head<body<scripttype"text/javascript"varobj{   a:5,
Stella981 Stella981
2年前
JavaScript设置倒计时效果
<!DOCTYPEhtml<htmllang"en"<head<metacharset"UTF8"<title倒计时效果</title</head<body<formname"myForm"<inputtype"t