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方法验证

(此文章仅作为个人学习笔记使用,如有错误欢迎指正~)
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,367评论 6 512
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,959评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,750评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,226评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,252评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,975评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,592评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,497评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,027评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,147评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,274评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,953评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,623评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,143评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,260评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,607评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,271评论 2 358

推荐阅读更多精彩内容