字符串和数组的方法
字符串里的length和【】，charAt都是字符串的只读属性，charat代替下表使用，目的是兼容所有浏览器
str.charCodeAT(0):返回字符串第一个字符的ANSI码；
1 String.fromCharCode(666) 2 var str = '大力出奇迹力'; 3 alert(str.indexOf('力出' , 2)) 4 alert(str.substring(2,5)) /包括起始，不包括结束 5 alert(str.slice(0,-1)) // 同上 第一个不能为负数 6 7 8 var str = 'ABC,def,g123,456,'; 9 10 //alert(str.toUpperCase()) //把所有的小写字母全部大写； 11 //alert(str.toLowerCase()) //把所有大写字母的全部变成小写字母 12 /*var arr = str.split('。'); // 按照规律把字符串切割，变成数组 13 console.log(arr)*/ 14 15 //alert(str.substr(0,10)) //第一个是起始位置（包括起始位置） 第二个参数是需要截取的长度
数组的方法：数组的length可读可写
1 var arr = [1,5,32,13,6,9,8,10,12]; 2 /*arr.length = 10; 3 console.log(arr)*/ 4 //arr.length = 0; 5 //console.log(arr) 6 7 /*arr[10] = 'false'; 8 console.log(arr[6])*/ 9 10 //var arr1 = arr.push('6668888',123,456) // 往数组的最后一位去添加值，返回length 11 //arr.unshift('123456', '新新') //往数组的第一位追加数值，返回length 12 //arr.pop(); //删除最后一个 并返回 13 //arr.shift(); //删除数组的第一个数据，并返回 14 15 //var arr1 = arr.splice(0,0,'清水'); //从指定位置开始，删除规定个数，并往指定的位置添加数据，返回被删除的数据 16 17 18 /*arr.sort(function (a,b) { 19 return 1; 20 });*/ 21 //arr.reverse() 22 //var arr1 = [123]; 23 24 25 //var newArr = arr.concat(arr1); //把两个数组合并为一个新的数组 26 //var str = arr.join('，') //数组转字符串的方法 （join用传的参数来连接） 27 28 /* var x = arr.filter(function (q){ 29 if(q%2){ 30 return true; 31 } 32 })*/ //按照一定的规则来进行过滤， 33 var str = '123'; //用来检测一个对象是不是一个数组 34 35 console.log(Array.isArray(arr)); 36 console.log(Array.isArray(str))
案例：查找与替换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TZ-34期Js</title>
<style>
*{margin:0;padding:0;font-family: Microsoft YaHei,serif;}
li{list-style: none;}
#box{
width: 500px;
height:200px;
margin:50px auto;
padding:10px;
border:1px dotted #666666;
}
#box span{
font-size: 18px;
font-weight: bold;
color:red;
}
#box p{
margin-top:20px;
line-height:35px;
font-size: 14px;
text-indent: 10px;
}
</style>
</head>
<body>
<div id="box">
<input id='txt1' type="text">
<input id='txt2' type="text">
<input id='btn1' type="button" value=" 找 ">
<input id='btn2' type="button" value=" 换 ">
<p>[行程特色] 张家界国家森林公园与一脉相连的索溪峪、天子山两大自然保护区组成武陵源， 是张家界的核心景区。张家界，奇峰三千，秀水八百，张家界的山大多是拔地而起山， 山上峰峻石奇，或玲珑秀丽，或峥嵘可怖，或平展...</p>
</div>
<script>
var oTxt1 = document.getElementById('txt1'),
oTxt2 = document.getElementById('txt2'),
oBtn1 = document.getElementById('btn1'),
oBtn2 = document.getElementById('btn2'),
oP = document.getElementsByTagName('p')[0],
ptxt = oP.innerHTML;
oBtn1.onclick = function () {
var val = oTxt1.value;
if( val ){
var arr = ptxt.split(val);
oP.innerHTML = arr.join("<span>"+ val + "</span>")
// oP.innerHTML = txt;
}
}
oBtn2.onclick = function () {
var val = oTxt1.value,
val2 = oTxt2.value;
if(val){
var arr = ptxt.split(val);
oP.innerHTML = arr.join("<span>"+ val2 + "</span>")
ptxt = arr.join(val2)
}
}
</script>
</body>
</html>
