JavaScript基础学习--13字符串、查找高亮显示

Demos：   https://github.com/jiangheyan/JavaScriptBase 

 

一、字符串

     1、str.length;     //获取字符串长度

 

     2、str.chartAt(n);     //获取字符串中指定下标（n）的字符，默认第0个，找不到返回空

    

     3、str.charCodeAt(n);     //获取字符串中指定下标（n）转码后的ascll码     数字0~9【对应ascll码：48~57】     a~z【对应ascll码：97~122】     A~Z【对应ascll码：65~90】

     

     4、String.fromCharCode(22937，21619)     //妙味-----回指定码的字符串

//查找指定ascll码区间字符串
var str = '';
for(var i = 0; i < 2000; i++){
     str += String.fromCharCode(i);
}
document.body.innerHTML = str;

     

     5、简单加密

var str = '我爱你';
var str2 = '';
oBtn.onclick = function(){
     for(var i = 0; i < str.length; i++){
          str2 += String.fromCharCode(str.charCodeAt(i) + 520);
     }    
     alert(str2);     //str2 是str加密后的数据     
}

 

     6、str.indexOf(st, index);     //按照从前往后的顺序，从第 index 位开始找，找到 st 在 str 中的位置，默认从第 0 位开始找

          注：找不到：返回-1--->常用于判断是否查找到字符（if判断）

//找到“中国”在字符串中的位置，并弹出
 
var str = '我只中国人，我爱中国';
var st = '中国';
for(var i = 0; i < str.length; i++){
     if(str.indexOf(st, i) !== -1){
          
     }
} 

   

　  7、str.lastIndexOf(st, index);     //按照从后往前的顺序，从第 index 位开始找，找到 st 在 str 中的位置

 

     8、比较字符串：按照字符串编码比较

     

     9、str.substring(first, last);

          特点：first < 0，自动转成0；first < last 时，自动交换fist和last位置   ----》数据截取从前往后

 

     10、str.slice(first, last);

          特点：first < 0，从后往前找到first，然后又按照从前往后的顺序截取；first  < last时，按照从前往后的顺序，找不到截取段    ----》总之，分别找到first和last之后，数据都是按照从前往后的顺序截取，找不到则无。

 

     11、字母大小写转化

             str.toUpperCase();

             str.toLowerCase();

 

     12、str.split()     字符串转化为数组

          12.1     str.split('')     //空字符串为参数，则将每个字符分别分割； 字符串参数不为空，则按照该参数分割；没有参数，则将整体转化成一个长度的数组

          12.2     str.split('参数', 数组length);      //按照参数字符串将str字符串分割成一定长度的数组，如果只需要显示数组的length长度，则加参数length

          12.3     arr.join('');     //数组转字符串，这是数组的方法。

 

     13、arr.join()     数组转化为字符串

          13.1     arr.join();     //参数为空，则以逗号为界全部转化为字符串     

//例如：
var arr = [aa, bb, cc];
arr.join();     //‘aa, bb, cc’
arr.join('');     // 'aabbcc'
arr.join('-');     // 'aa-bb-cc'

 

      14、利用split和join做查找替换功能-----将查找的值作为分隔符（split会将分隔符本身去除作为分割），再将需要替换的值作为连接符（join会将连接符接上）；最后将拼接好的字符串加载到DOM树

var newTxt = conTxt.split(sTxt).join('<span class="hightLight">' + cTxt + '</span>');