JavaScript 学习（八）

关注

发布于: 1 小时前

练习：
String 对象的方法
1.查找字符串
（1）charAt()方法
(2)indexOf()方法
（3）lastIndexOf()方法
2.截取字符串
（1)silce()方法
（2）substr()方法
（3）substring（）方法
3.连接和拆分
（1）concat()方法
(2)split()方法
4.格式化字符串

练习：

在 text 文档中输入英文小写字母，点击按钮之后把文本框中的小写字母变成大写。

<head>        <meta charset="utf-8">        <title>对象</title>        <script type="text/javascript" language="JavaScript">            function c(){                var t=document.getElementById("text1");                t.value=t.value.toUpperCase();            }                    </script>            </head>    <body>                <input type="text" id="text1"/>        <button onclick="c()" type="button">big button</button>    </body>

复制代码

String 对象的方法

1.查找字符串

（1）charAt()方法

charAt()方法可以返回字符串中指定位置的字符。

语法：stringObject.charAt(index)

stringObject:string 对象名或字符变量名。

index:必选参数。表示字符串中某个位置的数字，即字符在字符串中的下标。

例子：var str="你好 JavaScript"；

alert(str.charAt(1));

(2)indexOf()方法

indexOf()方法可以返回某个子字符串在字符串中首次出现的位置。

语法：stringobject.indexOf(substring.startindex)

substring:必选参数。要在字符串中查找的子字符串

startindex：可选参数。用于指定在字符串中开始查找位置，取值范围是 0—stringobject.length-1.

例子：

<script type="text/javascript" language="JavaScript">            var str="四十四，四是四";            var position=0;            var num=-1;            var index=0;            while(position!=-1){                position=str.indexOf("四",index);                num+=1;                index=position+1;            }            document.write("定义的字符串："+str+"<br />");            document.write("字符串中有"+num+"个四");        </script>

复制代码

（3）lastIndexOf()方法

lastIndexOf()方法可以返回某个字符串在字符串中最后出现的位置。

语法：stringobject.lastIndexOf(substring.startindex)

2.截取字符串

（1) silce()方法

silce()方法可以提取字符串的片段，并在新的字符串中返回被提取部分。

语法：stringobject.silce(startindex,endindex)

例子：

var str="你好 JavaScript"; console.log(str.slice(0,7));

复制代码

（2）substr()方法

substr()方法可以从字符串指定位置提取指定长度的字符串。

语法：stringobject.substr(startindex,length）

startindex:必选参数。指定要提取的字符串的位置。该参数可以是负数，如果是负数，则从该字符串的尾部开始算起。

length：可选参数。用于指定提取的字符串的长度。

例子：字符串截取

var str="你好 JavaScript";document.write(str.substr(0,4));

复制代码

（3）substring() 方法

substring 方法用于提取字符串中两个指定的索引号之间的字符。

语法：stringobject.substring（startindex,endindex）

3.连接和拆分

(1) concat() 方法

concat()方法用于连接两个或多个字符串。

语法：stringobject.concat(string1,string2...)

stringobject:string 对象名或字符变量名

string：必选参数。将被连接的字符串，可以是一个，或者多个。

例子：

var str1="affa";
var str2="dgaf0";
document.write(str1.concat(str2));

复制代码

(2) split()方法

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

语法：stringobject.split（separator,limit）

separator:必选参数。指定的分割符。该参数可以是字符串，也可以是正则表达式。如果把空字符串("")作为分割符，那么字符串的每个字符都会被分割。

limit：可选参数。该参数可指定返回数组的最大长度。如果设置了该参数，返回的数组元素个数都不会多于这个参数。

例子：在文本框中输入数字，生成这个位数的随机字符串。

<script type="text/javascript" language="JavaScript">                        function ran(digit){                if(isNaN(digit)){                    alert("请输入数字");                }else{                    var source="0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G";                    arrstr=source.split(",");  /*分割方法:以逗号为分割符*/                    var result="";                    var index=0;                                                        for(i=0;i<digit;i++){                        index=parseInt(Math.random()*arrstr.length);                                                result=arrstr[index]+result;                                            }                    alert(result);                }                            }                    </script>            <form name="form">            <input type="text" name="digit" />            <input type="button" value="生成" onclick="ran(form.digit.value)"/>        </form>

复制代码

4.格式化字符串

anchor() ：创建 HTML 锚

big() : 使用大号字体显示字符串

small() : 使用小号字体显示字符串

fontsize() : 使用指定的字体大小显示字符串

bold() ：使用粗体的字体显示字符串

italics() ：使用斜体显示字符串

link() ：将字符串显示为超链接

strike() ：使用删除线来显示字符串

blink() ：显示闪动字符串，此方法并不支持 IE 浏览器

fixed() ：以打字机文本显示字符串，相当于在字符串两端增加标记

fontcolor() ：使用指定的颜色来显示字符串

sub() ：把字符串显示为下标

sup() ：把字符串显示为上标

发布于: 1 小时前阅读数: 5

原文链接:【http://xie.infoq.cn/article/2a2cb7b91704dd1729df07f84】。

空城机

关注

曾经沧海难为水,只是当时已惘然 2021.03.22 加入

业余作者，在线水文主要干前端的活，业余会学学python 欢迎各位关注，互相学习，互相进步

发布

暂无评论

创作场景

JavaScript 学习（八）

练习：

String 对象的方法

1.查找字符串

（1）charAt()方法

(2)indexOf()方法

（3）lastIndexOf()方法

2.截取字符串

（1) silce()方法

（2）substr()方法

（3）substring() 方法

3.连接和拆分

(1) concat() 方法

(2) split()方法

4.格式化字符串

空城机

评论