• 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.数字是否可以叠加:增加变量;
     
     

     

  • 相关阅读:
    NIO学习
    XML(二)
    IO和NIO
    Log4j
    异常处理机制
    XML
    数据交互
    分页实现的三种方式
    Idea破解
    数据库连接池
  • 原文地址:https://www.cnblogs.com/wangzhichao/p/9335563.html
Copyright © 2020-2023  润新知