JS常用内置对象
String对象
创建对象
有三种方式: 单引号('') 、双引号("") 、反引号(``)
<script type="text/javascript">
//双引号字符串
let s1 = "双引号字符串";
//单引号
let s2 = '单引号字符串';
//反引号字符又叫做`字符串模板` ,模板中可以使用${}来进行插值.
let s3 = `反引号字符串`;
let n = 3547;
let s5 =`你的验证码是：${n}`;
console.log(s5);//你的验证码是：3547
</script>常用方法
方法 | 说明 |
substring() | 提取字符串中两个指定的索引号之间的字符 |
toLowerCase() | 把字符串转换为小写。 |
toUpperCase() | 把字符串转换为大写。 |
replace() | 替换与正则表达式匹配的子串。 |
charAt() | 返回在指定位置的字符。 |
trim() | 移除字符串首尾空白 |
split(delimiter) | 把字符串分割为子字符串数组;分割为数组 |
<script>
let s1 = "我是中国人,我爱我的祖国";
/*
截取
第一个参数：开始的位置
第二个参数：结束的位置，包左不包右
*/
console.info(s1.substring(6,9));//我爱我
/* 字符串分割为数组 */
let s2 ="a,b,c,d";
console.info(s2.split(","));// ["a", "b", "c", "d"]
let s3 = "Yi Yan";
console.info(s3.toUpperCase());// 大写
console.info(s3.toLowerCase());// 小写
let s4 =" yi yani ";
console.info(s4.trim());//去掉首尾空格
let s5 = "我爱一燕";
console.info(s5.replace("一燕","肉丝"));//我爱肉丝
console.info(s5.charAt(3));//燕
</script>Array对象
创建数组
格式一 【推荐】
let 数组名 = [元素1,元素2,元素3.....];
<script>
//数组中元素类型是随便写
let arr = [11,22,33,44,"55"];
//长度
// alert(arr.length);
//指定获取数组中的元素
// alert(arr[4]);
//通过脚标修改元素
arr[2] = 99;
arr[3] = "hello";
//遍历一
for(let i = 0; i< arr.length; i++){
document.write(arr[i]);
document.write("<br>");
}
//遍历二
for(let a in arr){
document.write(arr[a]+",");
}
</script>
格式二
let 数组名 = new Array(元素1,元素2,元素3.....);
<script>
//如果给出多个参数，表示的是数组的元素
let arr = new Array(11,22,"hello",'88',true);
//长度
alert(arr.length);
//获取
alert(arr[2]);
//如果给的参数所number类型，并且只有一个，表示是长度
let arr = new Array(11);
alert(arr.length);
//如果给的参数所number类型，是一个小数，无法表示长度
let arr = new Array(3.14);
alert(arr.length);
//如果给的参数字符中类型，并且是一个，表示元素
let arr = new Array("11");
alert(arr.length);
//遍历
for(let i in arr){
document.write(arr[i]);
}
</script>常用方法
方法 | 说明 |
concat() | 连接两个或更多的数组，并返回结果 |
push() | 向数组的末尾添加一个或更多元素，并返回新的长度 |
join(参数) | 将数组中的元素按照指定的分隔符拼接为字符串 |
<script type="text/javascript">
// 格式一创建数组
let arr1 = ["张三","李四","王五",true];
// 格式二 创建数组
let arr2 = new Array("古力娜扎","玛尔扎哈",12.3,false);
// arr1 和 arr2 合为一个数组
let newArray = arr1.concat(arr2);
console.log(newArray);
// push: 添加一个新的元素
let len = arr2.push("新元素");
console.log(arr2);
console.log(len);
// join：按照一定的格式拼接字符串
let strArray = arr2.join("=");
console.log(strArray);
</script>数组的属性
属性 | 说明 |
| 获取数组的长度 |
数组的特点
1. JS中，数组元素的类型可变的。
2. JS中，数组长度可变的。Math对象
创建对象
Math对象不用创建，直接使用。 Math.方法名();
常用方法
方法 | 说明 |
round(x) | 把数四舍五入为最接近的整数。 |
floor(x) | 向下取整 |
ceil(x) | 向上取整 |
random() | 随机数，返回 0 ~ 1 之间的随机数。 含0不含1 |
<script>
let round = Math.round(3.14);
let ceil = Math.ceil(3.14);
let floor = Math.floor(3.14);
let random = Math.random();
// 获取1~100之间的随机整数
let randomNumber = Math.floor((Math.random() * 100)) + 1;
</script>Math属性
属性 | 说明 |
| 圆周率 |
Date对象
创建对象
var date = new Date();
常用方法
方法 | 说明 |
toLocaleString() | 返回当前date对象对应的时间本地字符串格式 |
getTime() | 获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差 |
getFullYear() | 获取年 |
getMonth() | 获取月 |
getHours() | 获取时 |
getMinutes() | 获取分 |
getDate() | 获取日 |
getSeconds() | 获取秒 |
<script>
console.info(d);//Fri Jul 02 2021 17:23:09 GMT+0800 (中国标准时间)
console.info(d.toLocaleString()); //2021/7/2 下午5:23:19
console.info(d.toLocaleDateString());//2021/7/2
console.info(d.toLocaleTimeString());//下午5:23:19
console.info('获取年:'+d.getFullYear());//获取年
console.info('获取月:'+d.getMonth());//获取月
console.info('获取日:'+d.getDate());//获取日
console.info('获取小时:'+d.getHours());//获取小时
console.info('获取分:'+d.getMinutes());//获取分
console.info('获取秒:'+d.getSeconds());//获取秒
console.info('获取毫秒:'+d.getTime());////获取毫秒
</script>全局函数
什么是全局函数
全局函数不需要对象就可以直接调用: 方法名();
常用全局函数
字符串与number之间的转换
方法 | 说明 |
parseInt() | 将字符串解析成一个整数。 |
parseFloat() | 将字符串解析成一个浮点数。 |
isNaN() | 判断是否是一个NaN类型的数据 |
<script>
console.log(parseInt("123.456"));//123
console.log(parseInt("12abc3.456"));//12
console.log(parseFloat("123.456"));//123.456
console.log(parseFloat("123.45abc6"));//123.45
console.log(parseInt("abc123"));//NaN : not a number 不是一个数字
console.log(isNaN("abc123"));//true
</script>==注意事项==
NaN 六亲不认，连自己都不认。
如果要判断是否是一个NaN类型的数据，使用isNaN()字符编码
方法 | 说明 |
encodeURI() | 把字符串编码为 URI |
decodeURI() | 解码某个编码的 URI |
<script>
let name = "明下午两点偷袭珍珠";
let encodeName = encodeURI(name);//编码
//%E6%98%8E%E4%B8%8B%E5%8D%88%E4%B8%A4%E7%82%B9%E5%81%B7%E8%A2%AD% E7%8F%8D%E7%8F%A0
console.log(encodeName);
// 对数据进行解码
let resultStr = decodeURI(encodeName);//解码
console.log(resultStr);//明下午两点偷袭珍珠
</script>普通字符串解析js代码
方法 | 说明 |
eval（) | 接受一个js字符串,校验字符串中的内容是不是js代码(脚本)，如果是js代码就执行，如果不是就不执行 |
eval（"abc");//不执行
eval（"var a = 3; var b = 4; alert(a+b);");//执行URL 和 URI
https://www.baidu.com/a/fdks/kdjs
http:// 网络传输协议
www 万维网
.baidu.com 域名
/a/fdks/kdjs 资源路径（资源：一个文件，一个程序，图片，视频，，，）
URL: 统一资源定位符 https://www.baidu.com
URI：统一资源标识符 /a/fdks/kdjs
