欢迎加入前端交流群交流知识获取视频资料: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
京东商品列表.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.数字是否可以叠加:增加变量;

转载于:https://www.cnblogs.com/wangzhichao/p/9335563.html

javascript系列-class6.String类型相关推荐

  1. 浅谈JavaScript中的String类型

    String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串.字符串可以有双引号或单引号表示. console.log("Febby"); console.l ...

  2. javascript系列:NaN类型

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

  3. 你不知道的JavaScript系列(一)—— 类型

    为什么80%的码农都做不了架构师?>>> JavaScript中有七种内置类型: 1.空值(null) 2.undefined 3.布尔值(boolean) 4.数字(number) ...

  4. Asp.net AJAX JavaScript 基本类型扩展(7)——String 类型及其扩展

    参考: JScript  语言参考 http://msdn2.microsoft.com/en-us/library/c12461ed-986a-450b-be3d-81a4d808b48b Asp. ...

  5. JavaScript数据类型 - String类型

    String类型 String类型用于表示由0或多个16位Unicode字符组成的 字符序列,即字符串.字符串可以由双引号"或单引号'表示,因此以下两种字符串写法都是正确的: var str ...

  6. js基础--javascript基础概念之String 类型

    String 类型 String用来保存由零到多个16为Unicode 字符组成的字符序列. 即 字符串 ,字符串可以用 双引号( "" ) 单引号( '' ) 表示.如下: va ...

  7. 【F#2.0系列】介绍String类型

    F#的string类型是.NET的System.String的缩写形式,代表了一连串的Unicode UTF-16字符. 使用String 几种不同的String书写方式: 示例 种类 类型 &quo ...

  8. .net知识和学习方法系列(七)string类型

    上篇文章中说到string类型是引用类型,咱们今天来看看. 1class Program 2        { 3                static void Main(string[] a ...

  9. 为什么要在JavaScript中使用静态类型? (使用Flow进行静态打字的4部分入门)

    by Preethi Kasireddy 通过Preethi Kasireddy 为什么要在JavaScript中使用静态类型? (使用Flow进行静态打字的4部分入门) (Why use stati ...

  10. 深入理解JavaScript系列:根本没有“JSON对象”这回事!

    前言 写这篇文章的目的是经常看到开发人员说:把字符串转化为JSON对象,把JSON对象转化成字符串等类似的话题,所以把之前收藏的一篇老外的文章整理翻译了一下,供大家讨论,如有错误,请大家指出,多谢. ...

最新文章

  1. 从入门到深入:移动平台模型裁剪与优化的技术探索与工程实践
  2. 简单的Writer和Reader
  3. 软件版本中 release stable alpha beta pre snapshot 区别
  4. Vuejs报错error: Unexpected console statement (no-console) at src\... 解决办法
  5. 如何实现RTMP推送Android Camera2数据
  6. python依赖包是什么意思_Python引入依赖curses包的坑
  7. (17)FPGA速度和面积互换原则
  8. GitStats-Git历史统计信息工具(转载)
  9. grads 相关系数_Grads综合实习报告
  10. “互联网+”创新创业计划书(二)
  11. 其于js的五笔输入法!
  12. HDFS Shell 命令简介及查询
  13. html 图片左中右排列,详解css布局实现左中右布局的5种方式
  14. TEZ和MR简要区别
  15. java 字符串转utc时间_Java中转UTC时间字符串(含有T Z)为local时间
  16. windows socket编程五种模型
  17. 笔试强训day25(数根,星际密码)
  18. linux管道使用_如何在Linux上使用管道
  19. 出海成功的,为什么是抖音而不是微信?
  20. 高清HDMI转3G SDI方案介绍

热门文章

  1. openpyxl,重写Worksheet
  2. Excel-事件(Workbook、Worksheet、Range、OnKey/OnTime)
  3. 接下来是 Downward API,它的作用是:让 Pod 里的容器能够直接获取到这个 Pod API 对象本身的信息。
  4. 用Sympy计算高次方程的判别式
  5. [音乐] 逆转裁判1~4 追求 链接
  6. 银联支付、支付宝支付和微信支付有什么优势?
  7. 交换机接口的双工模式
  8. Photoshop制作banner步骤过程
  9. nestjs+vue+ts打造一个酷炫的星空聊天室(含完整数据库设计)
  10. ITPUB SQL大赛之BUG(二)