javascript系列-class6.String类型

观察淘宝网商品数据

 

有一个东西叫服务器>>>>js的作用重要作用之一>>>>交互>>>>人机交互(事件)>>>>服务器交互(ajax)；

 

服务器交互，数据处理方式json>>>>>要把它转化成字符串操作。

 

字符串操作重要性不言而喻。

 

什么是字符串?

 

字符串就是一串字符，由单（双）引号括起来，字符串是JavaScript的一种基本类型。

 

       ● "undefined"——如果这个值未定义；

　　● "boolean"——如果这个值是布尔值；

　　● "string"——如果这个值是字符串；

　　● "number"——如果这个值是数值；

　　● "object"——如果这个值是对象或null；

 

字符串的操作 >>>>> 从1+1=2到1+1=11又怎样的区别那？(小复习)

 

字符串的声明：

 

var str="亲"；   基本类型     定义一个字符串变量str，内容为‘亲'

 

var str = new String(“hello”);       引用类型     定义一个字符串变量str，内容为hello，       注意此刻str为object(对象)类型       用new产生的变量都是引用类型的变量，也叫对象。

 

JavaScript特性之一>>>>>>万事万物皆对象；

 

基本类型值指的是简单的数据段，而引用类型是一个指向，指向javascript的内部对象。

 

字符串与html

 

1.当把html编译成字符串插入到页面中的时候 ， JavaScript解析器会直接将字符串解析成代码。 比如:document.write('<strong>我是加粗的文字/strong>')

 

 

写在页面上是什么样子那？for循环和字符串拼接。(练习)

 

big()         用大号字体显示字符串

bold()     使用粗体显示字符串

fixed()      以打字机文本显示字符串

strike()       使用删除线来显示字符串     

fontcolor()  使用指定颜色来显示字符串

fontsize()      使用指定尺寸来显示字符串

link()         将字符串显示为链接

sub()         把字符串显示为下标

sup()         把字符串显示为上标

 

//上述方法，都返回一个增加了标签的字符串,但是不对字符串本身进行操作；

 

没有html代码的商品列表页面

 

 

 

 

 

两种声明字符串的方式差别。类型不同（原因）。字符串的下标length

 

京东商品列表.rar
5.1 KB

 

字符串操作>>>>

 

1.查询操作

 

1)indexOf("abc")  查找字符串第一次出现的位置 ;

 

2)lastIndexOf("abc")  查找字符串最后一次出现的位置  如果没找到  返回-1

 

3)replace() 替换字符串//返回一个修改后的字符串不对原字符串进行操作

 

replace 替换字符串

 

 如： var str="how are you";

 

  alert(str.replace("are","old are"));

 

2.获取操作

 

charAt(3) //获取下标为3的字符

 

charCodeAt(3) //获取下标为3的字符的Unicode码

 

Unicode（统一码、万国码、单一码）是计算机科学领域里的一项业界标准,包括字符集、编码方案等。>>>>>翻译官思密达

 

String.fromCharCode(94) //编码转换成字符；

 

由于fromCharCode( )是String对象中的方法 ，所以在使用的时候要加上前缀String；

 

substring(start,end)//截取字符串，从第start位开始，到end位停止。

 

ASCII码表.docx
26.4 KB

 

split(separator, howmany) >>>>>>  根据分隔符、拆分成数组;

 

separator (字符串);//根据什么进行拆分

 

howmany(可以指定返回的数组的最大长度) ;

 

【注】如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。

 

3.拼接操作

 

 concat()  连接字符串 //最没用的方法

 

4.大小写操作

 

toLowerCase（）

 

toUpperCase（）

 

字符串操作练习

 

练习， 敏感词屏蔽（腾讯qq，鹅场）；屏蔽敏感字（腾讯qq）。

 

二、Math函数

 

Math.round(3.6)  //四舍五入

random() //返回0-1之间的随机数

max(num1, num2) //返回较大的数

min(num1, num2)  //返回较小的数

abs(num)  //绝对值

ceil(19.3)  //12  向上取整

floor(11.8)  //11  向下取整

 

1.获取四位数的验证码。

 

数字验证码.html
769 bytes

 

2.验证

 

02注册页面.html
1.5 KB

思路：

布局（略）

 

1.获取需要操作的元素；

 

2.增加事件；

 

3.获取需要验证的字符串;

 

4.对字符串进行处理（1.用户名不能为空 。2.开头字母不能是数字。3.用户名长度应该小于6位但是不能大于20位。4.密码不能为空。）；

 

5.验证字符串，并将结果写入提示区域内；

 

注：空格也是字符；

 

3.计算器， 计算器思路。

 

布局。(略)

 

switch()语句和if类似，但是比if更复杂；

 

switch(sth){

     case sth1:

          代码块；

          break;

     default:

          代码块；

}

 

一个小的计算器：

 

简单计算器.html
1.5 KB

 

大计算器思路；

 

计算器2.rar
6.1 KB

 

运算的思路：数字1，数字2 ，运算符；

 

1.点击时数字要显示，再点击时隐藏上次点击数字，运算符要保留；>>>>两个变量，一个用于储存上一个被清除的数字；另个一储存运算符；没有运算的时候直接返回value值；

 

2.清除（C）的时候需要清除所有变量中的值。

 

十以内的加减乘除已经搞定了；

 

3.数字是否可以叠加：增加变量；