观察淘宝网商品数据

 

有一个东西叫服务器>>>>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.数字是否可以叠加:增加变量;
 
 

javascript系列-class6.String类型的更多相关文章

  1. javascript类型系统——字符串String类型

    × 目录 [1]定义 [2]引号 [3]反斜线[4]特点[5]转字符串 前面的话 javascript没有表示单个字符的字符型,只有字符串String类型,字符型相当于仅包含一个字符的字符串 字符串S ...

  2. JavaScript 基本类型值-String类型

    ▓▓▓▓▓▓ 大致介绍 String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串.在JavaScript中没有单个的字符型,都是字符串.字符型就相当于只包含一个字符的字符串. ...

  3. Javascript中的string类型使用UTF-16编码

    2019独角兽企业重金招聘Python工程师标准>>> 在JavaScript中,所有的string类型(或者被称为DOMString)都是使用UTF-16编码的. MDN DOMS ...

  4. javascript系列:NaN类型

    NaN,即非数值是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况下. ECMAScript中任何数值除以0会返回NaN,因此不影响其他代码运行.   NaN特点:     ...

  5. javascript之基本包装类型(Boolean,Number,String)基础篇

    前几天整理了javascript中Array方面的知识,但是String中的一些方法多多少少和Array里的方法有些类似容易混淆,就顺便连同String所在的包装类一起整理一下,希望可以帮助到初学者, ...

  6. 使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的变量.数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算 ...

  7. JavaScript之String类型

    这里先总结一下RegExp类型的两个主要方法: (1)exec():主要用于捕获组.接受一个参数,这个参数是主要应用模式的字符串,然后返回包含第一个匹配项信息的数组. (2)test():主要用于目标 ...

  8. Redis系列(四):数据结构String类型中基本操作命令和源码解析

    1.介绍 string类型本质上是char[]数组的封装  中文网:http://www.redis.cn/commands.html#string  2.常用命令 set 命令 set命令的时间复杂 ...

  9. 汤姆大叔 javascript 系列 第20课 最后的5到javascript题目

    博客链接:http://www.cnblogs.com/TomXu/archive/2012/02/10/2342098.html 原题: 大叔注:这些题目也是来自出这5个题目的人,当然如果你能答对4 ...

随机推荐

  1. android中进程的优先级

    android中进程的优先级

  2. JavaScript组成部分——ECMAScript、DOM、BOM、

    1.JavaScript组成部分 虽然 JavaScript 和 ECMAScript 通常被人们用来表达相同的含义,但 JavaScript 的含义却比ECMA-262标准中规定的要多得多. 一个完 ...

  3. 看似简单!解读C#程序员最易犯的7大错误

    编程时犯错是必然的,即使是一个很小的错误也可能会导致昂贵的代价,聪明的人善于从错误中汲取教训,尽量不再重复犯错,在这篇文章中,我将重点介绍C#开发人员最容易犯的7个错误. 格式化字符串 在C#编程中, ...

  4. Mediator 基于内存的发布订阅

    Github Mediator 使用方法 /// <summary> /// 返回值 BaseEntity /// </summary> public class Ping1 ...

  5. Linux目录结构(一)

    linux文件系统的最顶端是/,称为linux的root,所有的目录.文件.设备都在/之下. 文件类型 linux有四种基本文件系统类型:普通文件.目录文件.连续文件和特殊文件.可以用file命令来识 ...

  6. Qwiklab'实验-API Gateway, AWS Lambda'

    title: AWS之Qwiklab subtitle: 2. Qwiklab'实验-API Gateway, AWS Lambda' date: 2018-09-20 17:29:20 --- In ...

  7. 路飞学城Python-Day31

    19-生产者消费者模型 生产者:生成数据的任务 消费者:处理数据的任务 在并发编程的过程中,如果生产者处理速度很快,而消费者处理速度很慢,那么生产者就必须等待消费者处理,才能继续生产数据:同样的,如果 ...

  8. Pyhton学习——Day8

    ###########################################max函数#################################################### ...

  9. es6——map-set与对象对比

    {    //map,set,object对比    let item={t:1};    let map=new Map();    let set=new Set();    let obj={} ...

  10. CF508E (贪心+搜索+构造)

    题目大意:让你构造一个括号序列,括号匹配的方式类似于栈,给出从左数每个括号 到和它匹配的右括号的 最小和最大距离,让你输出一个合法括号序列 看错题了以为是二分图,然后写了搜索 贪心发现如果距离往小了填 ...