HTML基础知识JS篇7
数组、正则表达式
/*
* Math
* - Math和其他的对象不同，它不是一个构造函数，
* 它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法
* - 比如π：3.14151.。。。。。
* Math.PI 表示的圆周率
*/console.log(Math.PI);
/*
* abs()可以用来计算一个数的绝对值
*/
console.log(Math.abs(-1));
console.log(Math.abs(-9));
/*
* Math.ceil()
* - 可以对一个数进行向上取整，小数位只有有值就自动进1
* Math.floor()
* - 可以对一个数进行向下取整，小数部分会被舍掉
* Math.round()
* - 可以对一个数进行四舍五入取整
*/
// console.log(Math.ceil(1.00001));
// console.log(Math.ceil(1.999));
// console.log(Math.floor(1.99999999));
// console.log(Math.floor(1.0000001));
// console.log(Math.round(1.4));
// console.log(Math.round(1.500001));
var a=Math.random();
var b=Math.round(Math.random()*10); //0-10的随机整数
console.log(b);
/*
* Math.random()
* - 可以用来生成一个0-1之间的随机数 [0,1)
* - 生成一个0-10的随机数 Math.random()*10=[0,10)
* - 生成一个0-x之间的随机数
* Math.round(Math.random()*x)
*
* - 生成一个1-10
* Math.round(Math.random()*9) [0,9)+1=[1,10)
* - 生成一个2-10
* Math.round(Math.random()*8) [0,8)+2=[2,10)
* - 生成一个x-y
* Math.round(Math.random()*(y-x))+x
* - 生成一个x-y之间的随机数
* Math.round(Math.random()*(y-x)+x)
*/
/*for(var i=0 ; i<100 ; i++){
//console.log(Math.round(Math.random()*10));
//console.log(Math.round(Math.random()*20));
//console.log(Math.round(Math.random()*9)+1);
//console.log(Math.round(Math.random()*8)+2);
//生成1-6之间的随机数
console.log(Math.round(Math.random()*5+1));
}*/
/*
* max() 可以获取多个数中的最大值
* min() 可以获取多个数中的最小值
*/
var max = Math.max(10,45,30,100);
var min = Math.min(71,45,30,100);
console.log("最小值："+min);
/*
* Math.pow(x,y)
* 返回x的y次幂
*/
console.log(Math.pow(2,8));//2的8次方
/*
* Math.sqrt()
* 用于对一个数进行开方运算
*/
console.log(Math.sqrt(3));//1.7320508075688772/*- 基本数据类型
- String Number Boolean Null Undefined
- 引用数据类型
- Object
- 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象
- String()
- 可以将基本数据类型字符串转换为String对象- Number()
- 可以将基本数据类型的数字转换为Number对象- Boolean()
- 可以将基本数据类型的布尔值转换为Boolean对象- 但是注意：我们在实际应用中不会使用基本数据类型的对象，
如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果*/
//创建一个Number类型的对象
//num = 3;
var num = new Number(3);
var num2 = new Number(3);
var str = new String("hello");
var str2 = new String("hello");
var bool = new Boolean(true);
var bool2 = false;
console.log(str === str2);//false
//向num中添加一个属性
num.hello = "abcdefg";
console.log("---->"+num.hello);
//console.log(str === str2);
var b = new Boolean(false);
console.log(typeof bool2);//"boolean"
console.log(typeof b);//object
console.log("bbbb---->"+b);
if(bool2){//false
alert("bool2 我运行了~~~");//并没有运行
}
if(b){//false 因为b是对象 返回的是object 所以并不是boolean值
alert("b 我运行了~~~");//运行了
}
/*
* 方法和属性之能添加给对象，不能添加给基本数据类型
* 当我们对一些基本数据类型的值去调用属性和方法时，
* 浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法
* 调用完以后，在将其转换为基本数据类型
*/
var s = 123;
var ss=new String(999);
s = s.toString();
ss=ss.toString();
console.log(s);
console.log(ss);
s.hello = "你好";
ss.hello="wo hao";
console.log(s.hello);
console.log(ss.hello);
//console.log(typeof s);
var s = 123;
var num = new Number(3);
//num = num.toString();
//s=s.toString();
//console.log(s);
//console.log(num);
s.hello="lala";
console.log(s.hello);//undefined
num.hello=num.hello="lalalallal";
console.log(num.hello);//lalalal
//console.log(typeof s);
//创建一个字符串
var str = "Hello Atguigu";
/*
* 在底层字符串是以字符数组的形式保存的
* ["H","e","l"]
*/
/*
* length属性
* - 可以用来获取字符串的长度
*/
//console.log(str.length);
//console.log(str[5]);
/*
* charAt()
* - 可以返回字符串中指定位置的字符
* - 根据索引获取指定的字符
*/
str = "中Hello Atguigu";
var result = str.charAt(7);//下标从0开始 汉字默认就是一个字符！
console.log(result);
/*
* charCodeAt()
* - 获取指定位置字符的字符编码（Unicode编码）
*/
result = str.charCodeAt(3);//108
console.log(result);
/*
* String.formCharCode()
* - 可以根据字符编码去获取字符
*/
result = String.fromCharCode(0x2693);
console.log(result)
/*
* concat()
* - 可以用来连接两个或多个字符串
* - 作用和+一样
*/
result = str.concat("你好","再见");
console.log(result);
/*
* indexof()
* - 该方法可以检索一个字符串中是否含有指定内容
* - 如果字符串中含有该内容，则会返回其第一次出现的索引
* 如果没有找到指定的内容，则返回-1
* - 可以指定一个第二个参数，指定开始查找的位置
*
* lastIndexOf();
* - 该方法的用法和indexOf()一样，
* 不同的是indexOf是从前往后找，
* 而lastIndexOf是从后往前找
* - 也可以指定开始查找的位置
*/
str = "hello hatyyguigu";
result = str.indexOf("h",1);
console.log(result);//2
result = str.lastIndexOf("h",5);
console.log(result);//0
/*
* slice()
* - 可以从字符串中截取指定的内容
* - 不会影响原字符串，而是将截取到内容返回
* - 参数：
* 第一个，开始位置的索引（包括开始位置）
* 第二个，结束位置的索引（不包括结束位置）
* - 如果省略第二个参数，则会截取到后边所有的
* - 也可以传递一个负数作为参数，负数的话将会从后边计算
*/
str = "abcdefghijk";
result = str.slice(1,4);
result = str.slice(1,-1);
/*
* substring()
* - 可以用来截取一个字符串，可以slice()类似
* - 参数：
* - 第一个：开始截取位置的索引（包括开始位置）
* - 第二个：结束位置的索引（不包括结束位置）
* - 不同的是这个方法不能接受负值作为参数，
* 如果传递了一个负值，则默认使用0
* - 而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换
*/
result = str.substring(0,1);
/*
* substr()
* - 用来截取字符串
* - 参数：
* 1.截取开始位置的索引
* 2.截取的长度
*/
str = "abcdefg";
result = str.substr(3,2);
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 参数：
* -需要一个字符串作为参数，将会根据该字符串去拆分数组
*/
str = "abcbcdefghij";
result = str.split("d");
/*
* 如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一个元素
*/
result = str.split("");
//console.log(Array.isArray(result));
//console.log(result[0]);
console.log(result);
str = "abcdefg";
/*
* toUpperCase()
* - 将一个字符串转换为大写并返回
*/
result = str.toUpperCase();
str = "ABCDEFG";
/*
* toLowerCase()
* -将一个字符串转换为小写并返回
*/
result = str.toLowerCase();
//console.log(result);
//创建一个字符串
var str = "Hello Atguigu";
/*
* 在底层字符串是以字符数组的形式保存的
* ["H","e","l"]
*/
/*
* length属性
* - 可以用来获取字符串的长度
*/
//console.log(str.length);
//console.log(str[5]);
/*
* charAt()
* - 可以返回字符串中指定位置的字符
* - 根据索引获取指定的字符
*/
str = "中Hello Atguigu";
var result = str.charAt(7);//下标从0开始 汉字默认就是一个字符！
console.log(result);
/*
* charCodeAt()
* - 获取指定位置字符的字符编码（Unicode编码）
*/
result = str.charCodeAt(3);//108
console.log(result);
/*
* String.formCharCode()
* - 可以根据字符编码去获取字符
*/
result = String.fromCharCode(0x2693);
console.log(result)
/*
* concat()
* - 可以用来连接两个或多个字符串
* - 作用和+一样
*/
result = str.concat("你好","再见");
console.log(result);
/*
* indexof()
* - 该方法可以检索一个字符串中是否含有指定内容
* - 如果字符串中含有该内容，则会返回其第一次出现的索引
* 如果没有找到指定的内容，则返回-1
* - 可以指定一个第二个参数，指定开始查找的位置
*
* lastIndexOf();
* - 该方法的用法和indexOf()一样，
* 不同的是indexOf是从前往后找，
* 而lastIndexOf是从后往前找
* - 也可以指定开始查找的位置
*/
str = "abcdefge";
result = str.indexOf("c",3);
console.log(result);//-1 没有
result = str.lastIndexOf("c",3);
console.log(result);//2
/*
* slice()
* - 可以从字符串中截取指定的内容
* - 不会影响原字符串，而是将截取到内容返回
* - 参数：
* 第一个，开始位置的索引（包括开始位置）
* 第二个，结束位置的索引（不包括结束位置）
* - 如果省略第二个参数，则会截取到后边所有的
* - 也可以传递一个负数作为参数，负数的话将会从后边计算
*/
str = "abcdefghijk";
//result = str.slice(1,4);
//result = str.slice(1,-1);
/*
* substring()
* - 可以用来截取一个字符串，可以slice()类似
* - 参数：
* - 第一个：开始截取位置的索引（包括开始位置）[)
* - 第二个：结束位置的索引（不包括结束位置）
* - 不同的是这个方法不能接受负值作为参数，
* 如果传递了一个负值，则默认使用0
* - 而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换
*/
result = str.substring(4,0);//0,4 而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换
result = str.substring(0,4);//
console.log(result)
/*
* substr()
* - 用来截取字符串
* - 参数：
* 1.截取开始位置的索引
* 2.截取的长度
*/
str = "abcdefg";
result = str.substr(3,2);
console.log(result);//de
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 参数：
* -需要一个字符串作为参数，将会根据该字符串去拆分数组
*/
str = "abcbcdefghij";
result = str.split("d");
console.log(result);
/*
* 如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一个元素
*/
result = str.split("");
//console.log(Array.isArray(result));
//console.log(result[0]);
console.log(result);
str = "abcdefg";
/*
* toUpperCase()
* - 将一个字符串转换为大写并返回
*/
result = str.toUpperCase();
console.log("小写转大写"+result);
str = "ABCDEFG";
/*
* toLowerCase()
* -将一个字符串转换为小写并返回
*/
result = str.toLowerCase();
console.log("大写转小写"+result)
//console.log(result);*** 正则表达式**
* - admin@atguigu.com
* - admin@.com adminatguigu.com
* - 邮件的规则：
* 1.前边可以是xxxx乱七八糟
* 2.跟着一个@
* 3.后边可以是xxxx乱七八糟
* 4…com获取其他的乱七八糟
*
* - 正则表达式用于定义一些字符串的规则，
* 计算机可以根据正则表达式，来检查一个字符串是否符合规则，
* 获取将字符串中符合规则的内容提取出来//创建正则表达式的对象
/*
* 语法：
* var 变量 = new RegExp(“正则表达式”,“匹配模式”);
* 使用typeof检查正则对象，会返回object
* var reg = new RegExp(“a”); 这个正则表达式可以来检查一个字符串中是否含有a
* 在构造函数中可以传递一个匹配模式作为第二个参数，
* 可以是
* i 忽略大小写
* g 全局匹配模式
*//*
* 正则表达式的方法：
* test()
* - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则，
* 如果符合则返回true，否则返回false
/
/
* 使用字面量来创建正则表达式
* 语法：var 变量 = /正则表达式/匹配模式
* 使用字面量的方式创建更加简单
* 使用构造函数创建更加灵活
*
*///var reg = new RegExp("a","i");
//console.log(typeof reg);
//console.log(reg.test("abc"));
//创建一个正则表达式，检查一个字符串中是否有a或b
/*
* 使用 | 表示或者的意思
*/
/*
* 创建一个正则表达式检查一个字符串中是否有字母
*/
//reg = /a|b|c|d|e|f|g/;
/*
* []里的内容也是或的关系
* [ab] == a|b
* [a-z] 任意小写字母
* [A-Z] 任意大写字母
* [A-z] 任意字母
* [0-9] 任意数字
*/
reg = /[A-z]/;
//检查一个字符串中是否含有 abc 或 adc 或 aec
/*
* [^ ] 除了
*/
var reg=new RegExp("a","i");
var str="09";
reg=/111/i;
reg=/a|b|c/i;
reg=/[a-z]/i;
reg=/a[bde]c/;//reg=/a(b|d|e)c/;
reg=/[^4]/;
reg=/[^0-9]/;
var r=reg.test(str);
console.log(r);
var str = "1a2b3c4d5e6f7";
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串
* - 这个方法即使不指定全局匹配，也会全都插分
*/
/*
* 根据任意字母来将字符串拆分
*/
var str = "1a2b3c4d5e6f7";
var rel=str.split(/[A-z]/);
console.log(rel);
//console.log(result);
/*
* search()
* - 可以搜索字符串中是否含有指定内容
* - 如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到返回-1
* - 它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串
* - serach()只会查找第一个，即使设置全局匹配也没用
*/
str= "hello abc hello aec afc";
/*
* 搜索字符串中是否含有abc 或 aec 或 afc
*/
rel=str.search(/a[bef]c/);//- serach()只会查找第一个，即使设置全局匹配也没用
console.log(rel);
/*
* match()
* - 可以根据正则表达式，从一个字符串中将符合条件的内容提取出来
* - 默认情况下我们的match只会找到第一个符合要求的内容，找到以后就停止检索
* 我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容
* 可以为一个正则表达式设置多个匹配模式，且顺序无所谓
* - match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果
*
*
*/
str = "1a2a3a4a5e6f7A8B9C";
rel=str.match(/[a-z]/ig);//a,a,a,a,e,f,A,B,C
console.log(rel);
/*
* replace()
* - 可以将字符串中指定内容替换为新的内容
* - 参数：
* 1.被替换的内容，可以接受一个正则表达式作为参数
* 2.新的内容
* - 默认只会替换第一个
*/
//result = str.replace(/[a-z]/gi , "@_@");
str = "1a2a3a4a5e6f7A8B9C";
rel=str.replace(/[a-z]/ig,"&");
console.log(rel);
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
