javascript教程系列-6.String类型

欢迎加入前端交流群交流知识获取视频资料:749539640
观察淘宝网商品数据

 

有一个东西叫服务器>>>>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
 
 

字符串操作>>>>

 

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位停止。
 
 
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.获取四位数的验证码。
 
 
2.验证
 
思路:
布局(略)
 
1.获取需要操作的元素;
 
2.增加事件;
 
3.获取需要验证的字符串;
 
4.对字符串进行处理(1.用户名不能为空 。2.开头字母不能是数字。3.用户名长度应该小于6位但是不能大于20位。4.密码不能为空。);
 
5.验证字符串,并将结果写入提示区域内;
 
注:空格也是字符;
 
3.计算器, 计算器思路。
 
布局。(略)
 
switch()语句和if类似,但是比if更复杂;
 
switch(sth){
     case sth1:
          代码块;
          break;
     default:
          代码块;
}
 
一个小的计算器:
 
 
大计算器思路;
 
 
运算的思路:数字1,数字2 ,运算符;
 
1.点击时数字要显示,再点击时隐藏上次点击数字,运算符要保留;>>>>两个变量,一个用于储存上一个被清除的数字;另个一储存运算符;没有运算的时候直接返回value值;
 
2.清除(C)的时候需要清除所有变量中的值。
 
十以内的加减乘除已经搞定了;
 
3.数字是否可以叠加:增加变量;
 
 

 

 

 

posted @ 2018-07-19 14:21  王志超II  阅读(227)  评论(0编辑  收藏  举报