字符串里的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{ 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>