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方法验证
(此文章仅作为个人学习笔记使用,如有错误欢迎指正~)