复习
递归轻易不要用,效率很低
浅拷贝
概念
//浅拷贝:拷贝就是复制,就相当于把一个对象中的所有的内容,复制一份给另一个对象,直接复制,或者说,就是把一个对象的地址给了另一个对象,他们指向相同,两个对象之间有共同的属性或者方法,都可以使用
深拷贝
#####概念
深拷贝:拷贝还是复制,深:把一个对象中所有的属性或者方法,一个一个的找到.并且在另一个对象中开辟相应的空间,一个一个的存储到另一个对象中
也就是当复制的时候 有数组 对象 则需要把数组中的成员和 对象的成员一个个的找出来在复制给另一个对象 普通值直接复制
遍历DOM树
正则表达式
作用
作用是匹配字符串的
大多数语言都可以用
组成
有元字符或者限定字符组成的一个式
元字符 特殊字符
具体如下
* 正则表达式:也叫规则表达式,按照一定的规则组成的一个表达式,这个表达式的作用主要是匹配字符串的,
* "我的电话:10086,他的电话:10010,你的电话:10000" 正则表达式,把这个字符串中的所有的数字找到
*
* 正则表达式的作用:匹配字符串的
*
* 在大多数编程语言中都可以使用
*
* 正则表达式的组成:是由元字符或者是限定符组成的一个式子
*
*
* 元字符:
*
* . 表示的是:除了\n以外的任意的一个字符 "fdsfs238"
*
* [] 表示的是:范围, [0-9] 表示的是0到9之间的任意的一个数字, "789" [0-9]
* [1-7] 表示的是1到7之间的任意的一个数字
* [a-z] 表示的是:所有的小写的字母中的任意的一个
* [A-Z] 表示的是:所有的大写的字母中的任意的一个
* [a-zA-Z] 表示的是:所有的字母的任意的一个
* [0-9a-zA-Z] 表示的是: 所有的数字或者是字母中的一个
* [] 另一个函数: 把正则表达式中元字符的意义干掉 [.] 就是一个.
* | 或者 [0-9]|[a-z] 表示的是要么是一个数字,要么是一个小写的字母
* () 分组 提升优先级 [0-9]|([a-z])|[A-Z]
* ([0-9])([1-5])([a-z]) 三组, 从最左边开始计算
* (()(()))
*
*
* 都是元字符,但是也可以叫限定符,下面的这些
* * 表示的是:前面的表达式出现了0次到多次
* [a-z][0-9]* 小写字母中的任意一个 后面是要么是没有数字的,要么是多个数字的
* "fdsfs3223323" [a-z][0-9]*
*
* + 表示的是:前面的表达式出现了1次到多次
* [a-z][9]+ 小写字母一个后面最少一个9,或者多个9
* "fesfewww9fefds"
*
* ? 表示的是:前面的表达式出现了0次到1次,最少是0次,最多1次 ,另一个含义:阻止贪婪模式
* [4][a-z]? "1231234ij"
* 限定符:限定前面的表达式出现的次数
* {} 更加的明确前面的表达式出现的次数
* {0,} 表示的是前面的表达式出现了0次到多次,和 *一样的
* {1,} 表示的是前面的表达式出现了1次到多次,和 +一样的
* {0,1} 表示的是前面的表达式出现了0次到1次,和 ?一样的
* {5,10} 表示的是前面的表达式出现了5次到10次
* {4} 前面的表达式出现了4次
* {,10} 错误的========不能这么写
* ^ 表示的是以什么开始,或者是取非(取反) ^[0-9] 以数字开头
* ^[a-z] 以小写字母开始
* [^0-9] 取反,非数字
* [^a-z] 非小写字母
* [^0-9a-zA-Z_]
* $ 表示的是以什么结束 [0-9][a-z]$ 必须以小写字母结束
* ^[0-9][a-z] 相当于是严格模式 "3f2432e" "4f"
* \d 数字中的任意一个,
* \D 非数字中的一个
* \s 空白符中的一个
* \S 非空白符
* \w 非特殊符号
* \W 特殊符号
* \b 单词的边界
* "what are you no sha lei"
不严格方式 只要有就匹配了 严格方式 就是加上以什么开头 以什么结束
复习元字符
邮箱的正则表达式,必须要记住的
* sd2113_3.-fd@itcast.com.cn
* [0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}
创建正则表达式对象
构造函数创建对象
对象.test可以测试
var reg = RegExp(/\d{5}/);
var str = "我的电话是:10086";
var flag = reg.test(str);
console.log(flag);
放在 // 里面
字面量的方式创建对象
//字面量的方式创建正则表达式对象
var reg = /\d{1,5}/;
var flag = reg.test("我的幸运数字是: 100085");
console.log(flag);
识别正则表达式是否匹配
最简单的写法
console.log(/[a-zA-Z]+/.test("hello"));
####案例验证密码的强中弱
onkeyup键盘抬起案件
my$("strengthLevel").className = "strengthLv" + (this.value.length >= 6 ? getLvl(this.value) : 0);
通过这个进行判断 一句话解决 另外能封装的尽量封装
验证邮箱‘
var reg = /1+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/;
验证用户输入的是不是中文
escape()把中文变成编码
unescape()把编码变成中文
判断是不是中文的正则表达式
reg=/^[\u4e00-\u9fa5]{2,6}$/;
大案例验证表单
this.nextElementSibling这个代表当前元素的下一个兄弟元素
match()可以将匹配的元素返回
var str="中国移动:10086,中国联通:10010,中国电信:10000";
//把里面所有的数字全部显示出来
var array=str.match(/\d{5}/g);
console.log(array);
后面的g代表全局匹配
#####提取组
正则表达式 如果加上()则就分组了 以有几个括号 来分几组
正则表达式对象.$3这样就是拿到第三组
var str = "2017-11-12";
var array = str.match(/(\d{4})[-](\d{2})[-](\d{2})/g);
console.log(RegExp.$3);
输出的是第三组
#####替换
// var str="小苏好帅哦,真的是太帅了,帅,就是真帅";
// str = str.replace(/帅/g, "猥琐");
// console.log(str);
去掉空白符
// var str=" 哦买噶的 ,太幸福了 ";
// str=str.trim();
// console.log("==="+str+"===");
这个只能去掉字符串的第一个空格
// var str = " 哦买噶的 ,太幸福了 ";
// str = str.replace(/\s+/g, "");
// console.log("===" + str + "===");
str = str.replace(/\s/g, ""); 匹配空的字符串 并替换为无
正则表达式中的 i表示忽略大小写
//所有的h都替换成S
// var str="HhpphH";//SSppSS
// str=str.replace(/[h]/gi,"S");
// console.log(str);
真数组和伪数组
//伪数组和数组的区别
//真数组的长度是可变的
//伪数组的长度不可变
//真数组可以使用数组中的方法
//伪数组不可以使用数组中的方法
w3c工具里面的正则表达式工具 可以直接进行查找
//获取页面中的根节点--根标签
var root = document.documentElement; //html
//函数遍历DOM树
//根据根节点,调用fn的函数,显示的是根节点的名字
function forDOM(root1) {
//调用f1,显示的是节点的名字
// f1(root1);
//获取根节点中所有的子节点
var children = root1.children
//调用遍历所有子节点的函数
forChildren(children);
}
//给我所有的子节点,我把这个子节点中的所有的子节点显示出来
function forChildren(children) {
//遍历所有的子节点
for (var i = 0; i < children.length; i++) {
//每个子节点
var child = children[i];
//显示每个子节点的名字
f1(child);
//判断child下面有没有子节点,如果还有子节点,那么就继续的遍历
child.children && forDOM(child);
}
}
//函数调用,传入根节点
forDOM(root);
function f1(node) {
console.log("节点的名字:" + node.nodeName);
}
0-9a-zA-Z_.- ↩︎