前端基本功:JS必记知识点+案例(七)字符

根据字符返回位置

跟 charAt() 相反的 根据 字符 返回的是 位置

1 /返回前面起第一个字符的位置

indexOf(“字符”);
它是从 前面开始数(从左边开始数), 而且只找第一个, 然后返回改字符的位置, 索引号都是从0开始的。 返回的是个数值。

var txt = “abcdef”;
alert(txt.indexOf(“d”)) 结果就是 3
如果找不到该字符 返回 -1

2/返回后面起第一个字符的位置

lastIndexOf(参数:索引字符串)

从后面开始数 同上
var txt = “abcdef” ;
txt.lastIndexOf(“d”); 3
返回的值,还是从 左边开始 数的 索引号 。

前端基本功:JS必记知识点+案例(七)字符_第1张图片
还是从左边数
前端基本功:JS必记知识点+案例(七)字符_第2张图片
还是从左边数

上图的完整源码:




    
    


字符串:   索引的字符串: 





网址编码

我们知道一个网址 自己的网址, 不同页面也有自己id网址, 我们经常会做一些, 把网址送入到后台。 但是后台再处理的 不认识比如 换行啊 等特殊符号的 ?
var url = “http://www.itast.cn?name=cz”

所以我们要实现编码,然后再传到后台。
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码
decodeURIComponent() 函数可把字符串作为 URI 组件进行解码

完整源码:




    
    






结果:


前端基本功:JS必记知识点+案例(七)字符_第3张图片
结果

操作字符串

合并字符串 取字符串
#######1/ concat() 连接字符串
var txt1 = “abc”;
var txt2 = ”123”;
console.log(txt1.concat(txt2)); “abc123”;

#######2/slice()

slice(“取字符串的起始位置”, [结束位置]) ; [] 可选的
起始位置一定要有 结束位置可以省略

var txt = “abcedf”;
txt.slice(3) ; 从 txt 里面字符的 第 3(索引号)个开始取 结束位置省略, 一直取到最后一个。
总结 slice(3) 从第3个开始取,一直取到最后
slice(3,6) 3 从 第3个开始 取 6 取到第6索引号的位置,还是从左边的第0个开始数。 但是不包 6 。

前端基本功:JS必记知识点+案例(七)字符_第4张图片
6是这样看的

起始位置可以是负数 , 如果是负数,则是从 右边往左边开始取。
var txt =”asdf”;
txt.slice(-1) 结果是 f

3/substr()

substr(起始位置,[取的个数])

同上。
不写取的个数, 默认从起始位置一直取到最后 。
取的个数: 是指从起始位置开始,往后面数几个。

var txt = “abcdefghijk”;
txt.substr(3,4);
从第3个 (d) 开始 数 4个 defg
**substr(-1) 少用 ie678 报错 。 尽量少用 **

兼容性的写法 :
onBtnClick("btn7",div1.substr(div1.length-1,1)); // 兼容的写法

4/substring

substring同slice 一样的 但是有一点不同
substring(3,6)

substring 始终会把 小的值作为 起始位置 大的值作为结束位置
例如: substring(6,3) 实际中 自动变成 substring(3,6);

完整源码:
前端基本功:JS必记知识点+案例(七)字符_第5张图片



    
    
    


my name is andy!
what's your name?







区别

保留小数位数

122340.12345 保留两位有效小数 122340.12
substr(0, .+3)

1.console.log(str.substr(0,str.indexOf(".")+3));

通过 indexOf 返回小数点的位置 截取字符串

解释:




    
    






2 console.log(parseInt(PI*100) /100);

先乘以100 取整 然后 除以100

 3 console.log(PI.toFixed(2));

pi.toFixed(2) 保留 2位 小数

大小写转换

asdf = ASDF
ASDF -- asdf

1 toUpperCase,转换为大写(参数: 无)

2 toLowerCase,转换为小写(参数:无)
asdf.toUpperCase() 结果就是: ASDF

 $("txt").value.toUpperCase();

把txt 的值 转换为大写

完整源码:




    
    


这是大标题

这个是小标题

案例:上传正常格式文件,验证是否为JPG
前端基本功:JS必记知识点+案例(七)字符_第6张图片

源码:




    
    


  



今日重点:

根据位置返回字符
asdfg.charAt(3) f

根据字符返回位置
asdfgg.indexOf(“f”) 3 从前面索引
lastIndexOf(“g”) 5 从后面索引

**slice(起始位置,[ 结束位置 ]) **
slice(3) 从第3个开始选 slice(3,6) 从索引号3开始取,数6个 **但是从索引号0 开始数 **
var arr = [1,3,5,7];
asdfghidk fgh

substr(起始位置,[取的个数])
substr(3,6) 从3开始选 从第三个开始数 往后 数 6个 fghidk
toFixed(2)

你可能感兴趣的:(前端基本功:JS必记知识点+案例(七)字符)