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>');

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端杂谈

es6之块级作用域

27311
来自专栏小樱的经验随笔

ASCII,Unicode和UTF-8

一、ASCII码 我们知道,计算机内部,所有信息最终都是一个二进制值。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态,这被称...

30212
来自专栏http://www.cnblogs.com

time&datetime模块详解

 一.time模块 1.时间格式转换图: ? 2.time模块中时间表现的格式主要有三种:   a、timestamp时间戳,时间戳表示的是从1970年1月1日...

4159
来自专栏诸葛青云的专栏

C语言位运算的妙用你知道多少?

位运算在驱动开发中是经常遇到的,尤其是置0和置1。既要指定的位数发生变化,又不能改变其它位的值,还要高效率的编写代码,这时候技巧就很重要了。在位运算中有几个符号...

1674
来自专栏华仔的技术笔记

iOS中的正则表达式,一篇就够了

38210
来自专栏python3

python 入门知识拾遗

Python 3最重要的新特性大概要算是对文本和二进制数据作了更为清晰的区分。文本总是Unicode,由str类型表示,二进制数据则由bytes类型表示。Pyt...

954
来自专栏Linux驱动

27.C++- 智能指针

智能指针 在C++库中最重要的类模板之一 智能指针实际上是将指针封装在一个类里,通过对象来管理指针. STL中的智能指针auto_ptr 头文件: <memor...

35610
来自专栏老九学堂

干货| 期末临近快捷C语言复习

? 盼望着盼望着,寒假近了 当然期末考试也就近了 C 语言,晦涩难懂 对于很多同学来说又是初次接触… 期末考试怎么办 不要担心!老九又出新篇章啦 总结了排序...

4057
来自专栏分布式系统和大数据处理

编写高质量代码:改善C#程序的157个建议

这本书汇集了C#编写中的一些建议、注意事项和小技巧,为了温故知新,又拿出来翻看了一遍。很多主题要阐述的内容是显而易见、不言自明的,就没有再写摘要。部分主题的名称...

1233
来自专栏机器学习入门

LWC 63: 750. Number Of Corner Rectangles

LWC 63: 750. Number Of Corner Rectangles 传送门:750. Number Of Corner Rectangles Pr...

2377

扫码关注云+社区

领取腾讯云代金券