第二章、数组、对象和正则表达式 2019-12-17

一、数组

  1. 定义：在单个对象中存储多个值。
  2. 构造函数：
    1）Array()：返回一个长度为0的数组对象。
    2）Array（size）：返回具有指定个数的数组，元素的初始值都是：undefined。
    3）Array（元素列表）：用元素列表初始化数组，元素可以是任意类型。
  3. 直接创建并初始化数组
    var arr = ["tom",10,null,true];
  4. 数组的长度不固定，赋值即可改变数组的长度
    1）为原数组不存在的下标元素赋值，可以改变数组大小：
    例如：
    var arr = new Array(3);
    arr[3] = 10;
    arr[5] = 100;
    未赋值元素都是undefined。
    2）数组的lengt属性不是只读的，可以改变（变大或变小（相当于删除后面的元素））
  5. 使用下标来访问元素
  6. 遍历写法：
for(i in arr){
document.write(arr[i]);
}

注意：i表示遍历的当前元素的下标，而不是当前元素。
7.length：数组的长度，即数组中元素的个数。
8.常用的方法：
1）concat(array)：返回一个新数组，由当前数组和参数数组连接而成。
2）join（"分隔符"）：返回一个字符串，由数组中的所有元素连接而成，原宿建德分隔符由参数指定。字符串对象。split('分隔符')：根据参数指定的分隔符，把当前字符串转换为数组。
3）reverse()：返回一个新数组，由原来的数组反转而成。
4）sort()：按照字母殊勋对数组中的元素进行排序。
sort(比较函数)：根据参数中的函数进行比较元素大小。
例如：

arr.sort(function(x,y){
                return x - y;
            });

5）indexOf(element)：在数组中查找参数指定的值第一次数显的位置，找到返回对应的索引号，没有找到返回-1.。
6）lastIndexOf(element):在数组中查找参数指定的值最后一次出现的位置，找到返回对应的索引号，没有找到返回-1。
7）slice(beginIndex,endIndex):返回一个新数组，为原来数组的一部分，不包括endIndex元素。
8）toString():返回将数组中的元素转为由逗号分隔的字符串。
9）栈操作：
栈的特点：先进后出，后进先出。
a）push(元素列表)：给数组中增加新元素，并返回数组的新长度（入栈）。
b）pop()：移除数组中的最后一个元素，并返回该元素（出栈）。
10）队列操作：
队列的特点：先进先出，后进后出。
a）push(元素列表)：入队
b）shift()：移除数组中第一个元素并返回该元素(出队)。
11）splice(index,howmany,element…)：用户向数组中添加、删除、替换数组元素。
a）index：必需，从何处添加。删除元素。
b）howmany：必需，规定应该删除多少个元素，添加元素的时候，该值为0。
c）elemant…：元素列表，可选，向数组添加的元素列表。

练习：
1.使用prompt()函数读入5名学生的成绩，保存到一个数组中，并求数组中的最大值，并倒序排序输出。
2.随机生成1-100以内的20个数，放入到数组中，对前10个元素使用升序，对后10个元素使用降序。

二、引用类型

  1. javascript语言中并没有真正的类，javascript中使用“对象的定义”这个概念，相当于其他语言中的类的概念。

  2. 引用类型：也称为对象的定义，描述一类对象所共同具有的属性和方法。

  3. 内置的引用类型：ECMAScript提供了很多原声引用类型，以便开发人员使用。
    1）Object
    2）Array
    3）Date
    4）Math
    5）RegExp(正则表达式)

  4. 对象：通过引用类型创建的一个实例。

  5. 对象的创建方式。
    1）创建一个Object的实例，然后添加它的属性和方法。
    var o = new Object();
    o.name = "tom";
    o.age = 20;
    o.sayHi = function(){
    alert("Hi!");
    }
    o.sayName = function(){
    alert(this.name);//this表示当前对象
    }

     o.sayName();//方法的调用

    2）使用字面量方式创基金对象。
    var stu = {
    name: "tom",
    "age": 20,
    sayHi:function(){
    alert("Hi");
    }
    };

  6. 使用delete删除对象的属性。
    delete stu.age

  7. with语句的作用：将代码的作用域设置到一个特定对象上。
    with(stu){
    var n = name;
    var a = age;
    }

  8. 对象的废除
    在ECMAScript中有无用存储单元收集程序，因此，javascript不必专门销毁对象来释放内存。

三、Date对象

  1. 构造函数：
    1）Date():得到浏览器的当前时间。
    2）Date(year,month,date):根据参数指定的年月日创建日期对象（注意：month从0开始）。
    3）Date(year,month,date,hours,minutes,seconds):根据参数指定的年月日时分秒创建日期对象（注意：month从0开始）。
    4）Date("year/month/date"):根据日期格式字符串创建日期对象（注意：month从1开始）。
  2. 得到年月日时分秒
    getXXX():
    getYear():得到从1900年以来的年份（日期的年份减去1900）
    getFullYear():得到真是年份
    getMonth():得到月份（1月份为：0）
    getDate():得到日期
    getDay():得到星期，0表示星期日，1表示星期一
    getHours():得到小时
    getMinutes():得到分钟
    getSeconds():得到秒
    getTime():得到从1970年1月1日00:00:00以来的毫秒数
  3. 设置年月日时分秒方法：
    setXXX()
    4.toLocaleString():把日期对象表示的时间转换为本地字符串格式（包括年月日时分秒）。
    toLocaleDateString():把日期对象表示的时间转换为本地字符串格式（包括年月日）。
    toLocaleTimeString():把日期对象表示的时间转换为本地字符串格式（包括时分秒）。
  4. 定时器：
    setTimeout("函数()",时间间隔)：执行该定时器方法后，在指定的时间间隔到的时候，执行参数指定的函数一次
    该方法的返回值表示创建的定时器对象。
    clearTimeout(定时器对象)：关闭定时器

四、键盘事件处理

  1. event：事件对象，在事件发生的时候，由系统创建
    属性：
    keyCode：键盘码，每一个按键都不同，例如：回车：13、空格：32、向上箭头：38
  2. 如何设置键盘事件处理程序
    document.onkeydown = 事件处理函数名（或匿名函数）

五、Math

  1. random()：生产一个0到1之间的随机数，该值大于等于0，小于1。
  2. round(val)：四舍五入。

六、String对象

  1. 构造函数：
    String("字符串字面量")
  2. 直接使用字符串字面量赋值。
    var s = 'tom';
  3. length:得到字符串中字符个数。
  4. 常用的方法：
    1）charAt(index):得到索引号为index的字符
    2）substring(startIndex,endIndex):取子串
    3）substr(startIndex,length):取子串
    4）indexOf(查找的串)：在字符串中查找参数指定的字符串第一次出现的位置，找到返回对应的索引号，没有找到返回-1。
    5）lastIndexOf(查找的串):在字符串中查找参数指定的字符串最后一次出现的位置，找到返回对应的索引号，没有找到返回-1。
    6）replace(str1,str2):返回一个新的字符串，其中把原字符串中的第一个str1，替换为str2
    7）toUpperCase():转换为大写字母。
    8）toLowerCase():转换为小写字母。

七、表单验证

  1. 定义：在表单数据被提交给服务器之前，对html表单中输入的数据进行验证，如果没有错误，则提交表单，否则不提交。
  2. 作用：
    1）在客户端验证，速度快。
    2）减轻服务器压力。
  3. 验证过程：
    1）编写页面：
    <form action="login.jsp" onsubmit="return checkForm();">
    <input type="submit" value="登录">
    </form>
    2）当我们点击“提交”按钮的时候，会自动触发form上的onsubmit事件，接着就会调用事件的处理程序checkForm()。
    3）编写表单验证方法checkForm(),该方法返回值为true，表示验证成功，提交表单，返回false，表示表单验证失败，不提交表单。
    4.在失去焦点的时候，对某个表单元素进行验证。
    1）在验证表单元素的后面添加一个span标签，设置有id属性<span id="errUsername"></span>
    2）在要验证的表单元素中添加失去焦点事件处理程序：
    <input type="text" name="username" onblur="checkUsername()">
    3）在checkUsername()方法中编写代码：
    a）得到span标签对象。
    b）设置span标签内容为空串（目的是为了先清除已前的错误消息）。
    c）判断当前表单元素是否输入正确，如果错误，为span标签指定错误消息。

八、正则表达式

  1. 定义：又称为规则表达式，就是用事先定义好的一些特殊字符、及这些特殊字符的组合，组成一个“规则字符串”，这个规则字符串用来表达对字符串的一种逻辑过滤。

  2. 作用：
    1）验证给定的字符串是否符合正则表达式的规则。
    2）可以通过正则表达式，从字符串中获取我们想要的部分(例如：“ab10eee20ddd30”)

  3. 语法：
    /正则表达式/修饰符(可选)

  4. 方法：
    1）test():检测字符串是否符合给定的规则，符合返回true,否则返回false
    2）exec():在字符串中查找符合规则的内容，返回数组对象

  5. 正则表达式的语言：
    1）方括号：用于查找某个范围的字符
    [abc]:表示任意一个字符
    [^abc]:表示不在其中的任意一个字符
    [0-9]:一个数字
    [a-zA-Z]:一个字母
    2）元字符：是拥有特殊含义的字符
    ^:从字符串的开始位置匹配
    $:从字符串结尾匹配
    \d:一个数字，相当于[0-9]
    \D:一个非数字，相当于[^0-9]
    \w:匹配包括下划线的任意单词字符，相当于[a-zA-Z0-9_]
    \W:匹配任意非单词字符，相当于[^a-zA-Z0-9_]
    .(点)：匹配除了“\n”之外的任意单个字符
    | ：或者
    ():将()中的表达式定义为“组”
    3）量词：
    +：一次或多次
    *：任意多次（0到多次）
    ?: 零次或1次
    {n}:n次
    {n,}:至少n次
    {n,m}:n到m次
    练习：验证一个日期字符串是否合法
    var s = "34";

  6. 修饰符：
    1）i：忽略大小写比较
    2）g：执行全局匹配（查找所有匹配而非找到第一个匹配后停止）
    var exp = /\d{2}/g;

     var s = "abcd10abce20ddd30xx";
 
 while(true){
     var arr = exp.exec(s);
     if(arr != null){
         document.write(arr+",");
     }else{
         break;
     }
 }
 //10,20,30,

    3）m：执行多行匹配
    var exp = /ef$/m;//是否某一行以ef结尾

     var s = "abcdef\ngh";
 
 var b = exp.test(s);
 document.write(b);//true, 不加m，就是单行匹配，返回false

  7. 字符串方法（部分）支持正则表达式
    1）replace(正则表达式,字符串)：使用第二个参数的字符串替换第一个参数正则表达式匹配的内容。

     var s = "tom10marry20scott30zangsan";   
 var exp = /\d{2}/g;
 var s2 = s.replace(exp,"");//不加g,只替换第一个
 document.write(s2);

    2）split(正则表达式)：使用正则表达式作为分隔符，返回分隔的数组

     var s = "tom10marry20scott30zangsan";           
 var exp = /\d{2}/;          
 var arr = s.split(exp);         
 document.write(arr);

    3）search(正则表达式)：在字符串中查找正则表达式匹配的字符串，返回第一次找到的位置索引号，没有找到返回-1

     var s = "tom10marry207scott30zangsan";          
 var exp = /\d{3}/;          
 var index = s.search(exp);
 document.write(index);//10

    4）match(正则表达式)：返回匹配的子串或null（没有找到匹配）

     var s = "tom70marry20scott30zangsan";           
 var exp = /\d{2}/g;
 var s1 = s.match(exp);
 document.write(s1);

//加g选项，返回匹配的数组（70，20，30），不加g选项，返回只有70一个元素的数组

验证身份证号
旧身份证为15位数字
新身份证为18为数字，或17位数字，最后位x或X

©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 218,036评论 6赞 506
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 93,046评论 3赞 395
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 164,411评论 0赞 354
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 58,622评论 1赞 293
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 67,661评论 6赞 392
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,521评论 1赞 304
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,288评论 3赞 418
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 39,200评论 0赞 276
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,644评论 1赞 314
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,837评论 3赞 336
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,953评论 1赞 348
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,673评论 5赞 346
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,281评论 3赞 329
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,889评论 0赞 22
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,011评论 1赞 269
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 48,119评论 3赞 370
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,901评论 2赞 355

推荐阅读更多精彩内容

  • 通过美食来料理人生
    美食并不是指高大上的食物。 而是在每一个人心中自己喜欢的食物便是美食。 一粥一饭都是食物，只要你喜欢，就是精选。 ...
    渺儿姐阅读 208评论 0赞 0
  • 第一章：黑猫我爱你
    如果一个人的初恋沉闷且冗长，通常都很少能够修成正果。 高三的时候，别人都忙着备战高考，我父母就早早地替我办全了顶职...
    魏昊霖阅读 1,838评论 24赞 42
  • D1
    小妖卡卡Echo阅读 124评论 0赞 0
  • 2018-11-23
    今天挺忙，一个人干活， 合理分配干活的顺序 干活也就没有那么乱！ 工具摆放。配件摆放！ 在忙也不能乱了
    京心达白金阅读 129评论 0赞 0