HTML之JavaScript——数组、对象和正则表达式

一.数组

JavaScript 数组用于在单一变量中存储多个值。

1.Array对象

• 数组对象
  数组是一组变量的有序集合
  通过数组索引来使用一个变量

• 创建空数组
  数组在创建时可以不包含任何元素数据，即空数组，创建后返回一个数组对象，使该对象可以往数组中添加元素
  var Obj=new Array（）；

  
  
  示例
  
  
  示例

• 创建指定长度数组
  var Obj=new Array(Size)；
  var Obj=new Array[元素1，元素2，。。。];

  
  
  示例
• 读取数组元素
  数组名[下标索引]；
  目标元素通常由下标索引号决定，例如读取第一个元素为“数组名[0]”

2.Array对象的常用方法

• concat
  返回一个新数组，由两个或者更多数组组合而成
  var newArray=tmpArray.concat（tmpArray）

  
  
  示例

• join
  返回字符串，由数组中的所有元素连接到一起，元素之间的间隔符由参数指定，省略参数则用逗号分隔
  var newString=tmpArray.join(".")

  
  
  示例

• reverse
  返回一个新数组，由原来的数组反转而成
  var newArray=tmpArrar.reverse

  
  
  示例

• pop
  移除数组中的最后一个元素并返回该元素
  var newString=tmpArray.pop()

  
  
  示例
  
  
  示例

• push
  给数组中增加新元素，并返回数组的新长度
  var newLength=tmpArray.push("a"."b")

  
  
  示例
• shift
  移除数组中的第一个元素并返回该元素
  var newString=tmpArray.shift()

• slice
  返回一个新数组，为原数组中的一段
  var newArray=tmpArray.slice(1,3)

  
  
  示例
• sort
  返回一个排序后的新数组
  var newArray=tmpArray.sort(AscSort)
• toString
  返回将Array中的元素转为由逗号分隔的字符串
  var newString=tmpArray.toString()

二.对象

对象是一种类型，即引用类型，而对象的值就是引用类型的实例。

1.对象创建

• 第一种方式：
  function 对象名（形参，形参）{
  this.属性=形参；
  。。。
  this.函数名=function；
  方法体
  }

  
  
  方法一

• 第二种方式：
  var 对象名={
  属性名：值，
  属性名：值，
  函数名：function（）{
  方法体；
  }
  }

  
  
  方法二

• 使用对象方式：
  1.对象名.属性名 或者 对象名[“属性名”]
  2.对象名.函数名

  
  
  实例

• 删除对象属性

  
  
  示例

• with语句
  作用：用来处理对象中的属性和函数的
  语法格式：
  with（对象名）{
  属性名：值
  函数名
  }

  
  
  示例
• 对象废除
  1.不必专门销毁对象来释放内存
  2.当没有针对该对象的引用时，被自动废除
  3.把对象的所有引用设置为null时也可以废除对象

• 练习

  
  
  练习1

2.内部对象

• Global对象

  
  
  函数
  
  
  对它发现的任何非标准字符进行编码
  
  
  对非标准字符进行解析

• Data对象
  1.可以用来表示任意的日期和时间，获取当前系统日期以及计算两个日期的间隔
  2.可以给出星期，月份，天数，年份，小时，分钟和秒表示的时间
  3.方法：
  getYear():返回年数（小于2000年返回两位）
  getFullYear():返回年数
  getMonth():返回当月号数（比实际小1）
  getDate():返回当日号数
  getDay():返回星期几（0表示星期日）
  getHours():返回小时数
  getMinutes():返回分钟数
  getSeconds():返回秒数
  getTime():返回毫秒数

  
  
  示例
  
  
  现在时间
  
  
  格林威治时间
  
  
  转换成正常时间

• String对象
  和原始字符串类型对应的内置对象
  输出字符串长度：

  
  
  示例1
  
  
  示例2
  
  

  返回Unicode值：

  
  
  示例
  
  返回字符串中起始位置为Star,结束位置为end（不包括end）的子字符串
  
  示例
  
  将字符串以“#”作为分割符切割成多个子字符串，并将他们作为一个数组返回，如果有limit参数则返回数组的limit个元素
  
  示例

三.正则表达式

正则表达式是一个描述字符模式的对象。
作用：常用于表单验证
使用步骤：
1.定义正则表达式（String类型）
2.创建正则表达式有参构造（字符串类型的正则表达式）
3.通过正则表达式对象.test（要验证的数据）返回值类型Boolean
3.1通过字符串.match(正则表达式对象)如果匹配成功返回当前字符串，否则返回null
判断电话号：

示例

判断文本框内信息：

示例1

在文本框输入内容后判断是否符合：

示例

用match方法验证输入错误为null，正确返回输入数值

match方法验证

（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）