简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型
值类型:简单数据类型/基本数据类型,在存储时变量中存储的时值本身,因此叫做值类型
string、number、boolean、undefined、null
注意:简单数据类型 null 返回的是一个空的对象object
如果有个变量我们以后打算存储为对象,暂时没想好放啥,就可以给null
引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型,通过new关键字创建的对象(系统对象、自定义对象),如Obect、Array、Date等
简单理解栈的存取方式
简单理解下堆
堆数据结构是一种树状结构。它的存取数据的方式,则与书架与书非常相似
堆栈空间分配区别:
栈(操作系统):简单数据类型存放在栈里面,里面直接开辟一个空间存放的是值
堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。
复杂数据类型存放在堆里面,它是先是在栈里面存放地址,十六进制表示,然后这个地址指向堆里面的数据
总结:
1、JS中的变量都是保存到栈内存里的
2、基本数据类型的值直接在栈内存中存储,值与值之间是独立存在的,修改一个变量不会影响其他的变量
3、引用数据类型的值直接保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟一个新的空间,而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当一个通过一个变量修改属性时,另一个也会受到影响
4、比较两个基本属性类型的值时,就是比较值;
比较两个引用数据类型时,它是比较对象的内存地址,如果两个对象时一模一样的,但是地址不同,他也会返回false
课堂小练习
1、画图掌握简单数据类型
var a = 123;
var b = a;
a++;
2、画图掌握复杂数据类型
var obj = new Object();//{}
obj.name = "java";
var obj2 = obj;
obj2.name = "web";
console.log(obj.name);//web
var obj=new Object
obj.name='java'
var obj2=new Object
var obj2='java'
正则表达式(规则表达式)
——用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,将字符串中符合规则的内容提取出来
var 变量=new RegExp("正则表达式","匹配模式");
参数一:规则
参数二:
i 忽略大小写
g 全局匹配模式
使用typeof检查正则对象,会返回object
var reg=new RegExp("a","i");//可以用来检查一个字符串中是否含有a,忽略大小写
console.log(typeof reg);//object
语法:var 变量=/正则表达式/匹配模式
var reg = /a/i;
正则test()方法:
使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,如果符合返回true,否则返回false
var reg = /a/i;
var str = "abc";
var res = reg.test(str);
console.log(res);//true
console.log(reg.test("cb"));//false
//需求:创建一个正则表达式,检查一个字符串中是否有a或者b或者c
var reg = /a|b|c/i;
console.log(reg.test("bcd"));
[a-z] 任意小写字母
[A-Z] 任意大写字母
[A-z] 任意字母
[0-9] 任意数字
reg = /[^ab]/; //除了a或b,只要有ab以外的存在
console.log(reg.test("abc")); //true
-通过量词可以设置一个内容出现的次数, 量词只对它前边的一个内容起作用
{n}正好出现n次
{m,n}出现m-n次
{m,}m次以上
+ 至少出现一次,相当于{1,}
* 0个或多个,相当于{0,}
? 0个或1个,相当于{0,1}
var reg = /a{3}/; //==/aaa/
reg = /ab{3}/; //abbb
reg = /(ab){3}/; //ababab
reg = /ab{1,3}c/; //b出现1-3次皆可
reg = /ab+c/; //至少一个b
reg = /a?bc/; //0个或1个a
reg = /a*bc/; //有没有a都行
//console.log(reg.test("bc"));
^ 表示开头
$ 表示结尾
如果在正则表达式中,同时使用^$,则要求字符串必须完全符合正则表达式
reg = /^a/; //匹配开头的a
reg = /a$/; //匹配结尾的a
reg = /^aa$/;
reg = /^a|a$/; //以a开头或者以a结尾
console.log(reg.test("a"));
课堂小练习
1、创建一个正则表达式,用来检查一个字符串是否是一个合法手机号
/* 课堂小练习:手机号的规则
1:以1开头;
2:第二位3-9的任意数字;
3:三位以后任意数字9个;
^1 [3-9] [0-9]{9}$
*/
var phoneStr = "183o6789012";
var phoneReg = /^1[3-9][0-9]{9}$/;
console.log(phoneReg.test(phoneStr));
注意:使用构造函数时,由于它的参数是一个字符串,而\是字符串中转义字符, 如果要使用\则需要使用\\来代替
var reg = /\./; // .
reg = /\\/; // \
reg = new RegExp("\."); //在字符串中,要用\作为转义字符
\w -任意字母,数字,_
\W -除了字母、数字、_
\d -任意数字[0-9]
\D -除了数字[^(0-9)]
\s -空格
\S -除了空格
\b -单词边界
\B -除了单词边界
/* 需求:创建一个正则表达式检查一个字符串中是否有单词child */
reg = /\bchild\b/; //保证前后都没有,这是独立的单词
// console.log(reg.test("hello,children"))
/* 需求:去除字符串中的空格*/
str = " he llo ";
//str=str.replace(/\s/g,"");//去除所有空格
//去除开头的空格
//str=str.replace(/^\s*/,"")//去除开头所有空格
//str=str.replace(/\s*$/,"")//去掉结尾的空格
//str = str.trim();//去除开头和结尾的空格
console.log(str);
-可以将一个字符串拆分为一个数组
-方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
-这个方法即使不指定全局匹配,也会全都拆分
var str = "1a2b3c4d5r6f7";
var res = str.split("c"); //['1a2b3', '4d5r6f']
//根据任意字母来将字符串拆分
res = str.split(/[A-z]/); //['1', '2', '3', '4', '5', '6', '7']
-可以搜索字符串中是否含有指定内容
-如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到,返回-1
-它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串
-search()只会查找第一个,即使设置全局匹配也没用
var str = "hello abc hello abc aec afc";
res = str.search("abc"); //6
res = str.search("abcd"); //-1
res = str.search(/a[bef]c/); //6
-可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
-默认情况下,我们的match只会找到第一个符合要求的内容,找到以后就停止检索,我们可以设置正则表达式为全局匹配模式,从而匹配到所有的内容,可以为一个正则表达式设置多个匹配模式,且顺序都可以
-match()会讲匹配到的内容封装到一个数组中返回,即使只查询到一个结果
var str = "1a2b3c4d5r6f7A8B9";
res = str.match(/[a-z]/gi); //['a', 'b', 'c', 'd', 'r', 'f', 'A', 'B']
//console.log(Array.isArray(res));//true
//console.log(res[0]);//a
课堂小练习:筛选出数字
// 需求:筛选出数字
var str = "hhsdfx12453knls442k";
//方式一
var strArr = str.split("");
let num = strArr.filter(function (a) {
return !Number.isNaN(parseInt(a));
});
console.log(num.join(""));
//方式二
console.log(str.match(/\d/g).join(""));
-可以将字符串中指定内容替换为新的内容
-参数:
1:被替换的内容,可以接受正则表达式为参数
2:新的内容
-默认只会替换第一个
var str = "1a2a3a4d5r6f7A8B9";
res = str.replace("a", "@");
res = str.replace(/a/gi, "@"); //1@2@3@4d5r6f7@8B9
res = str.replace(/[a-z]/gi, ""); //空串,就都删了
console.log(res);