JS入门到精通 第6章 字符串与数值数组
导读：一、练习1. 练习1 （1）源代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>输出字符串</title> </head> <bod...
一、练习
1. 练习1
（1）源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>输出字符串</title>
</head>
<body background="bg.jpeg">
<script type="text/javascript">
var arr=new Array("张无忌","郭靖","东方不败","乔峰","令狐冲","完颜洪烈","杨过","金轮法王","韦小宝");
var twoname="";
var threename="";
var fourname="";
for(var i=0; i<arr.length; i++){
if(arr[i].length==2){
twoname+=arr[i]+" ";
}
if(arr[i].length==3){//如果人物名称长度为3
threename+=arr[i]+" ";//将人物名称连接在一起
}
if(arr[i].length==4){//如果人物名称长度为4
fourname+=arr[i]+" ";//将人物名称连接在一起
}
}
document.write("二字人物："+twoname);//输出二字人物
document.write("<br>三字人物："+threename);//输出三字人物
document.write("<br>四字人物："+fourname);//输出四字人物
</script>
</body>
</html>（2）运行页面
https://www.xinyizhishu.top/jsC/sc/6_1/
（3）Tips
比较简单。
2. 练习2
（1）源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>统计指定字符在字符串中的出现次数</title>
</head>
<body>
<script type="text/javascript">
var str="四是四，十是十，十四是十四，四十是四十";
var position=0;
var num=0;
var index=0;
while(position!=-1){
document.write("<br><br>index："+index);
position=str.indexOf("四",index);
document.write("<br>position："+position);
if(position==-1){break;}
num+=1;
document.write("<br>num："+num);
index=position+1;
//if(num==7){break;}
}
document.write("<br><br>定义的字符串："+str+"<br>");
document.write("字符串中有"+num+"个四");
</script>
</body>
</html>（2）运行页面
https://www.xinyizhishu.top/jsC/sc/6_2/
（3）Tips
position开始少写一个i，一直死循环，电脑都卡死了，后来一点点调试发现。我就不喜欢num从-1开始，好别扭，看不懂，我就要从0开始数。
3. 练习3
（1）源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>截取显示字符串</title>
<style type="text/css">
.public{
width:202px;
height:182px;
background-image: url(images/bg.png);
background-repeat: no-repeat;
font-size: 12px;
color:#CC00FF;
padding-top:65px;
line-height:20px;
}
</style>
</head>
<body>
<script type="text/javascript">
var str1="明日科技即将重磅推出零基础学系列课程";
var str2="明日商城热烈欢迎新老朋友光临惠顾";//定义公告标题字符串
var str3="本网站所有商品让利销售欢迎订购";//定义公告标题字符串
var str4="所有电子商品一律5折销售";
function subStr(str){
if(str.length>10){
return str.substr(0,10)+"...";
}else{return str;}
}
</script>
<div>
<ul>
<script type="text/javascript">
document.write("<li>"+subStr(str1)+"</li>");
document.write("<li>"+subStr(str2)+"</li>");
document.write("<li>"+subStr(str3)+"</li>");
document.write("<li>"+subStr(str4)+"</li>");
</script>
</ul>
</div>
</body>
</html>（2）运行页面
https://www.xinyizhishu.top/jsC/sc/6_3/
（3）Tips
原来这样实现。
4. 练习4
（1）源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>输出表格</title>
<style type="text/css">
table{
font-size:14px;
color:#0000FF;}
th{
font-size:16px;
color:#FF00FF}
</style>
</head>
<body>
<table cellspacing="1" bgcolor="#999999">
<tr height="30" bgcolor="#FFFFFF">
<th width="100">人物名称</th>
<th width="100">人物绰号</th>
<th width="160">主要事迹</th>
</tr>
<script type="text/javascript">
var name="宋江，卢俊义，林冲，鲁智深，武松";
var nickname="及时雨，玉麒麟，豹子头，花和尚，行者";
var story="领导梁山起义，活捉史文恭，风雪山神庙，倒拔垂杨柳，醉打蒋门神";
var nameArray=name.split("，");
var nicknameArray=nickname.split("，");
var storyArray=story.split("，");
for(var i=0;i<nameArray.length;i++){
document.write("<tr height=26 bgcolor='#FFFFFF'>");
document.write("<td>"+nameArray[i]+"</td>");
document.write("<td>"+nicknameArray[i]+"</td>");
document.write("<td>"+storyArray[i]+"</td>");
document.write("</tr>");
}
</script>
</table>
</body>
</html>（2）运行页面
https://www.xinyizhishu.top/jsC/sc/6_4/
（3）Tips
非要那么别扭，讨厌，非要给你纠正过来。