发表于: 2020-04-13 21:40:01
1 1716
一、今天完成的事情
4.13 对象的一些补充
//函数的补充方法
function fun() {
alert("我是fun函数");
}
/*
* call 和 apply
* - 这两个方法都是函数对象的方法,需要通过函数对象来调用的
* - 当对函数调用call()和apply()都会调用函数执行
* - 在调用call 和apply()可以将一个对象指定为第一个参数
* 此时这个对象会成为函数执行时的this
* - call()方法可以将实参在对象之后依次传递
* - apply()方法需要将实参封装到一个数组中统一传递
*
* - this的情况
* 1.以函数方法调用时,this永远都是window
* 2.以方法的形式调用时,this是调用方法的对象
* 3.以构造函数的形式调用时,this是新创建的那个对象
* 4.使用call和apply调用时,this是指定的那个对象
* */
fun.call();
/*
*arguments
* 在调用函数时,浏览器每次都会传递进两个隐含的参数
* 1.函数的上下文对象this
* 2.封装实参的对象arguments
* - arguments是一个类数组对象,他也可以通过索引来操作数据,也可以获取长度
* - 在调用函数时,我们所传递的实参都会在arguments中保存
* - arguments.length可以用来获取实参的长度
* - 我们即使不定义形参,也可以通过arguments来使用实参
* 只不过比较麻烦
* arguments[0]表示第一个实参
* arguments[1]表示第二个实参
* - 它里面还有一个属性叫做callee
* 这个属性对应一个函数对象,就是当前正在指向的函数的对象
* */
Date
/*
* Date对象
* - 在JS 中使用Date对象来表示一个时间
* */
//创建一个Date对象
//如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间
// var d =new Date();
//创建一个指定的时间对象
//需要在构造函数中传递一个表示时间的字符串作为参数
//日期的格式:月份/日/年 时:分:秒
var d =new Date("4/13/2020 10:40:30");
console.log(d);
/*
* getDate()
* - 获取当前日期对象是几日
* */
var date = d.getDate();
console.log("date = " + date);
/*
* getDay
* - 获取当前日期对象是周几
* - 会返回一个0-6的值,0 表示周日 1 表示周一 ……
* */
/*
* getMonth()
* - 获取当前时间对象的月份
* - 会返回一个0 -11的值
* 0 表示 1 月
* 1 表示 2 月
* 2 表示 3 月
* 3 表示 4 月
* */
/*
* getFullYear()
* - 获取当前时间对象的年份
* */
/*
* getTime()
* - 获取当前日期对象的时间戳
* - 时间戳,值得是从格林威治标准时间的1970年1月1日,0时0分0秒
* 到当前时间所花费的毫秒数,1秒 = 1000毫秒
* - 计算机底层在保存时使用都是时间戳,都可以转换成时间的
* */
//获取当前的时间戳
time = Date.now();
console.log(time);
Math
/*
* Math
* - Math 和其他的对象不同,他不是一个构造函数
* 它属于一个工具类,不用创建对象,它里面封装了数学运算相关的属性和方法
* */
console.log(Math.PI);//圆周率
/*
* abs()可以用来计算一个数的绝对值
* */
/*
* Math.ceil()
* - 可以对一个数进行向上取整,小数位只要有值就自动进 1
* Math.floor()
* - 可以对一个数进行向下取整,小数部分会被舍掉
* Math.round()
* - 可以对一个数进行四舍五入取整
* Math.random()
* - 可以用来生成一个0-1之间的随机数
* - 生成一个0-10之间的随机数
* - 生成一个0-x 之间的随机数
* Math.round(Math.random()* x );
*
* - 生成一个1-10
* - 生成一个 x - y 之间的随机数
* Math.round(Math.random() * (y - x) ) + x);
*
* */
// console.log(Math.ceil(1.523));
for (var i = 0 ; i < 100 ; i++){
// console.log(Math.round(Math.random()*100));
console.log(Math.round(Math.random()*9)+1);//生成1-10之间的随机数
console.log(Math.round(Math.random()*8)+2);//生成2-10之间的随机数
}
/*
* max() 可以获取多个数中的最大值
* min() 可以获取多个数中的最小值
* */
var max = Math.max(11,225,456,3135,46,23,1563,13);
/*
* Math.pow(x,y)
* - 返回 x 的 y 次幂
* Math.sqrt(x)
* 可以对 x 进行开方运算
* */
console.log(Math.pow(10,2));//10的2次方
包装类
/*
* 基本数据类型
* String Boolean Number Null Undefined
* 引用数据类型
* Object
*
* 在 JS 中为我们提供了三个包装类,通过这三个包装类可以将基本数据类型的数据转换为对象
* String()
* - 可以将基本数据类型字符串转换为String对象
* Number()
* - 可以将基本数据类型的数字转换为Number对象
* Boolean()
* - 可以将基本数据类型的布尔值转换为Boolean对象
* 但是注意,我们在实际应用中不会使用基本数据类型的对象
* 如果使用基本数据类型的对象,在做一些比较时,可能会带来一些不可预料的结果
* */
//创建一个Number类型的对象
var a = 123;
var num = new Number(5);
// 向num中添加一个属性
num.hello = "adsdsd";
/*
* 方法和属性只能添加给对象,不能添加给基本数据类型
* 当我们对一些基本数据类型的值去调用属性和方法时,
* 浏览器会临时使用包装类将其转换为对象,然后再调用对象的属性和方法
* 调用完以后,再将其转换为基本数据类型
* */
/*
* 字符串的方法
* 在底层字符串是以字符数组的形式保存的
* ["H","e","l","l',"o"]
* length 属性
* - 可以用来获取字符串的长度
* charAt()
* - 可以返回字符串中指定位置的字符
* - 根据索引获取指定的字符
* charCodeAt()
* - 获取指定位置字符的字符编码(Unicode编码)
* fromCharAt()
* - 可以根据字符编码去获取字符
* */
/*
* concat()
* - 可以用来连接两个或多个字符串
* - 作用和 + 一样
* */
/*
* indexOf()
* - 该方法可以检索一个字符串中是否含有指定内容
* - 如果字符串中含有该内容,则会返回其第一次出现的索引
* 如果没有找到指定的内容,则返回 - 1
* - 可以指定一个第二个参数,指定开始查找的位置
*
* lastIndexOf()
* - 该方法的用法和indexOf()一样
* 不同的是indexOf是从前往后
* laseIndexOf是从后往前
* */
/*
* slice()
* 可以从字符串中截取指定的内容
* - 不会影响源字符串,而是将截取到的内容返回
* - 参数
* 第一个,开始位置的索引(包括开始位置)
* 第二个,结束位置的索引(不包括结束位置)
* - 如果省略第二个参数,则会截取到后边所有的
* - 也可以传递一个负数参数,负数的话将会从后边截取
* */
/*
* substring()
* - 可以用来截取一个字符串,可以slice()实现
* - 参数
* - 第一个 ,开始截取位置的索引(包括开始的位置)
* - 第二个 , 结束位置的索引(不包括结束的位置)
* - 不同的是这个方法不能接收负值作为参数,如果传递了一个负值,则默认使用 0
* - 而且他会自动调整参数的位置,如果第二个参数小于第一个,则自动交换
* */
/*
* substr()
* - 用来截取字符串
* - 参数
* - 第一个参数 开始截取的位置
* - 第二个参数 截取的数量
* */
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 参数,
* - 需要一个字符串作为参数,将会根据该字符串去拆分字符串
* - 如果传递一个空串作为参数,则会将每个字符都拆分为数组中的一个
* */
/*
* toUpperCase()
* - 可以将一个字符串转换为大写并返回,
* */
/*
* toLoverCase()
* - 可以将一个字符串转换为小写并返回,都不会影响到原字符串
* */
/*
* 正则表达式
* - admin 用户名
* - admin@qq.com 邮箱
* - 邮件的规则:
* 1.前边可以是Xxxxx乱七八糟
* 2.跟着一个@
* 3.后边可以是XXXXX
* 4..com 获取其他XXXX
*
* - 正则表达式用于定义一些字符串的规则
* 计算机可以根据正则表达式,来检查一个字符串是否符合规则
* 获取字符串中符合规则的内容提取出来
* */
//创建正则表达式的对象
/*
* 语法:
* var 变量 = new RegExp(“正则表达式”,“匹配模式”);
* 使用typeof检查正则表达式,会返回object
* var reg = new RegExp("a"); 这个正则表达式可以来检查一个字符串中是否含有 a
* 在构造函数中可以传递一个匹配模式作为第二个参数
* 可以是
* i 忽略大小写
* g 全局匹配模式
* */
var reg = new RegExp("a");
console.log(reg);
var str = "a";
/*
* 正则表达式的方法
* test()
* - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则
* 如果符合则返回true,否则返回false
*
* */
var result = reg.test(str);
console.log(result);
/*
* 使用字面量来创建正则表达式
* 语法 : var 变量 = / 正则表达式 / 匹配模式
* 使用字面量的方式创建更加简单
* 使用构造函数的方法创建更加灵活
*
* */
// reg1 = /a/i;
// console.log(reg1.test("a45656"));
//创建一个正则表达式,来检查一个字符串中是否有 a 或 b
/*
* 使用| 表示或者的意思
* */
// reg1 = /a|b/i;
// console.log(reg1.test("b45656"));
/*
* 创建一个正则表达式来检查一个字符串中是否有字母
* [ ]
* [a b] == a | b
* [ a - z ] 任意小写字母
* [ A - Z ] 任意大写字母
* [ A - z ] 任意字母
* */
// reg1 = /a/i;
// console.log(reg1.test("a45656"));
/*
* 检查一个字符串中是否含有abc 或 adc 或 aec
* */
/* reg1 = /a[bde]c/i;
console.log(reg1.test("a45656"));*/
/*
* [ ^ ]除了
*
* */
reg1 = /^abc/i;
console.log(reg1.test("a45656"));
/*
* 字符串和正则相关的方法
* */
var str ="1as2dsd5cfs3wew";
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
* - 这个方法即使不指定全局匹配,也会全都拆分
* */
// var result = str.split("c");
// console.log(result);
/*
* 根据任意字母来将字符串拆分
* */
var result = str.split(/[A-z]/);
console.log(result);
/*
* search()
* - 可以搜索字符串中是否含有指定内容
* - 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到则返回 -1
* - 它可以接收一个正则表达式作为参数,然后会根据正则表达式去检索字符串
* - search()只会查找第一个,即使设置全局匹配也没用
* */
/*
* match()
* - 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
* - 默认情况下我们的match 只会找到第一个符合要求的内容,找到以后就停止检索
* 我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
* 可以为一个正则表达式设置多个匹配模式,且顺序无所谓
* - match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果
* */
str = "1ad2ada5sds3ad6ad";
result = str.match(/[A-z]/g);
console.log(result);
/*
* replace()
* - 可以将字符串中指定内容替换新的内容
* - 参数
* 1.被替换的内容,可以接受一个正则表达式作为参数
* 2.新的内容,若使用空串作为新的内容,则会删除被替换的内容
* - 默认只会替换第一个
* */
result = str.replace(/[A-z]/ig,"##@@");
console.log(result);
/*
* 正则表达式语法
*
*
* */
//创建一个正则表达式检查一个字符串中是否含有aaa
/*
* 量词
* - 通过量词可以设置一个内容出现的次数
* - 量词只对它前边的一个内容起作用
* - { n } 正好出现 n 次
* - {m,n}出现 m - n 次
* - { m ,}出现 m 次以上
* - + 至少一个,相当于{1,}
* - * 0个或多个,相当于{0,},有没有都行
* - ? 0个或1个,相当于{0,1}
*
* */
var reg = /a{3}/;
/*
* 检查一个字符串中是否是以 a 开头
* ^ 表示开头
* $ 表示结尾
* */
reg = /^a/; //匹配开头的 a
reg = /a$/; //匹配结尾的 a
reg = /^a$/; //如果在正则表达式中同时使用 ^ $ 则要求字符串必须完全符合正则表达式
reg = /^a|a$/; // 以 a 开头 或者 以 a 结尾
console.log();
/*
* 创建一个正则表达式,用来检查一个字符串是否是一个合法手机号
*
* 手机号的规则:
* 17862516068 (11位)
*
* 1.以 1 开头
* 2.第二位 3- 9
* 3.三位以后任意数字 9 个
*
* ^ 1 [3-9] [0-9]{9}$
* */
var phoneStr = "17862516068";
var phoneReg = /^1[3-9][0-9]{9}$/;
console.log(phoneReg.test(phoneStr));//true
/*
* 检查一个字符串中是否含有 . 点
* . 点表示任意字符
* 在正则表达式中使用 \ 作为转义字符
* \. 来表示 . 点
* \\ 表示 \
*
* 注意,使用构造函数时,由于它的参数是一个字符串,而\是字符串中转义字符
* 如果要使用 \ 则需要使用\\来代替
* */
var reg = /./;
/*
* \w 小写w
* - 任意字母、数字、_下划线 相当于[A-z][0-9]_
* \W 大写
* - 除了字母数字和下划线
* \d 小写
* - 任意的数字0-9
* \D 大写
* - 除了数字
* \s
* - 空格
* \S
* - 除了空格
* \b
* - 单词边界
* \B
* - 除了单词边界
* */
//创建一个正则表达式检查一个字符串中是否含有单词child
reg = /\bchild\b/;
console.log(reg.test("hello child ren"));//单词边界,child是一个独立的单词
//接收一个用户的输入
// var str = prompt("请输入你的用户名:");
// console.log(str);
//去除字符串中前后的空格
//去除空格就是使用“”空串来替换空格
//去除开头的空格
str = str.replace(/^\s*/g,"");
//去除结尾的空格
str = str.replace(/\s*$/g,"");
// /^\s*/g /\s*$/g 匹配开头的空格和结尾的空格
str = str.replace(/^\s*|\s*$/g,""); //去除开头的空格和结尾的空格
/*
* 电子邮件的正则表达式
* hello@abc.com.cn
*
* 任意字母数字下划线 . 点 @ 任意字母数字 . 点任意字母(2-5位)
* \w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2}
* */
var EmailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
var email = "17862516068@qq.com";
console.log(EmailReg.test(email));
二、明天要做的事情
继续学习
三。遇到的困难
无
四、收获
一些方法,正则表达式的使用
评论