回顾JavaScript基础——内置对象

1:内置对象:Number

1)Number对象可以把字符串转换为数字
(1)转换字符串为整数
var strNum = "15";
//var num = Number.parseInt(strNum);
var num = parseInt(strNum);
2)将代表小数的字符串转换为flost类型
var strNum = "12.34";
var num = parseFloat(strNum);
3)NaN也是Number类型
var strNum = "abc";
var num = parseInt(strNum);
console.log(num);//输出结果:NaN
console.log(isNaN(num));//输出结果:true
4)Number对象也提供了转换精度的方法,用来设置一个小数,保留几个小数,使用toFixed()方法,并且会四舍五入
var num = 12.33645;
var numStr = num.toFixed(2);//保留两位小数
console.log(numStr);//输出结果:12.34
consoel.log(typeof numStr);//输出结果:string 返回的是字符串类型
5)Number也具有一些其他属性
(1)获取一个最大的不会溢出的整数
Number.MAX_SAFE_INTEGER
(2)代表无限大的属性
//正数无限大
Number.POSITIVE_INFINITY
//负数无限大
Number.NEGATIVE_INFINITY

2:内置对象:Math

1)Math对象是用来进行数学操作的
2)PI 圆周率:Math.PI
3)计算绝对值:Math.abs()
console.log(Math.abs(-6));//输出结果:6
4)计算三角函数:Math.sin()
5)向下取整:Math.floor(),无论小数是什么,都只取整数
console.log(Math.floor(3.9544));//输出结果:3
6)向上取整:Math.ceil(),无论小数是什么,都只取整数+1
console.log(Math.ceil(3.1));//输出结果:4
7)指数运算:Math.pow(),里面有两个参数,第一个是底数,第二个是几次方
console.log(Math.pow(10,3));//输出结果:1000
8)截短:Math.trunc() 直接把小数去除
console.log(Math.trunc(2.345));//输出结果:2
console.log(Math.trunc(2.987));//输出结果:2
9)返回随机数:Math.random()随机返回一个0-1之间的小数

3:内置对象:Date

1)Date对象用来获取当前时间
var date = new Date();
(1)获取当前的年份.getFullYear()
date.getFullYear();
(2)获取当前的月份.getMonth()得到的会是0-11这些数,0就是1月
date.getMonth();
(3)获取星期几.getDay()
date.getDay();
(4)获取当前这个月的第几天.getDate()
date.getDate();
(5)获取小时.getHours()
date.getHours();
(6)获取分钟.getMinutes()
date.getMinutes();
(7)获取多少秒.getSeconds()
date.getSeconds();
(8)获取一个时间戳.getTime()得到的一串时间戳是一个毫秒数,从1970-1-1-00:00 到现在过去了多少毫秒
date.getTime();
2)获取当前的时间的表示方法.toLocaleDateString(),得到的时间是 1/10/2020 这样格式的结果
3)设置时间使用上面函数的set方法
(1)设置当前的年份.setFullYear()
(2)设置当前的月份.setMonth()设置的是0-11这些数,0就是1月
(3)设置星期几.setDay()
(4)设置当前这个月的第几天.setDate()
(5)设置小时.setHours()
(6)设置分钟.setMinutes()
(7)设置多少秒.setSeconds()
(8)设置一个时间戳.setTime()设置的串毫秒数,从1970-1-1-00:00 到现在过去的多少毫秒

4:内置对象:JSON

1)JSON是一种特殊格式的字符串
2)用于交换数据,比如客户端向服务器请求数据,服务器往往返回的JSON格式的数据
3)JSON格式跟JavaScript对象格式类似
4)JSON支持的数据类型有,Object对象,数组,Number数字,String字符串,boolean布尔型,null类型
5)JSON的key必须使用双引号""括起来
6)可以使用JSON.parse()将JSON字符串格式转换为JavaScript中的Object对象格式
var postJSON = `{
	"id":1,
	"title":"标题",
	"comments":[
		{
			"userId":1,
			"comment":"评论1"
		},{
			"userId":2,
			"comment":"评论2"
		}
	],
	"publisshed":true,
	"author":null
}`
JSON.parse(postJSON);
7)可以使用JSON.stringify()将JavaSript的Object对象转换成JSON字符串格式
var person = {
    id:1,
    name:"z",
    num:[1,2,"3"]
}
JSON.stringify(person);
8)JSON定义可以是一个数组开头
var personJSON = `[
	{
		"userId":1,
		"comment":"评论1"
	},{
		"userId":2,
		"comment":"评论2"
	}
]`
9)JavaScript数组也可以转换为JSON数组的形式

5:内置对象:Set

1)set是一种没有重复元素的集合
2)可以对set进行添加元素、删除元素,清空元素或者遍历等操作
var set = new Set();
(1)添加元素:.add()`
set.add(1);
set.add(2);
set.add(5);
(2)遍历元素:.forEach()
set.forEach(value =>{
    console.log(value);//输出结果: 1 2 5
})
(3)删除元素:.delete()
set.delete(5);
(4)清空元素:.clear()`
set.clear();
3)Set可以添加对象类型的元素,重复的对象指的是指向同一内存地址的对象,内容相同的对象不算是重复
var obj1 = {
    id:1
}
var obj2 = {
	id:1
}

set.add(obj1);
set.add(obj2);

6:内置对象:Map

1)Map是一种键值对的数据结构,与Object对象类似
2)Map的key和value可以是任意数据类型,并且有相关的方法对数据进行操作
var map = new Map();
//key是数字类型
map.set(1,"值1");
//key是对象类型
map.set({key:2},"值2");
//key是字符串类型
map.set("key 3","值3");
console.log(map);

输出结果:在这里插入图片描述

(1)访问key是数字类型的值
map.get(1);
(2)访问key是字符串类型的值
map.get("key 3")
(3)访问key是Object对象类型的值,要访问,需要将这个key赋值给一个变量,如何将这个变量当做map的key,访问的时候访问这个变量才能成功
var objKey = {key:4};
map.set(objKey,"值4");
map.get(objKey);
3)判断一个值的key是不是存在:.has()
map.has("key 3");
4)遍历:.forEach(),接收两个参数,第一个是值,第二个是key
map.forEach((value,key)=>{
    console.log(key,value);
})
5)获取一个迭代器,访问他的每一个键值对 .entries()
var iterator = map.entries();
console.log(iterator);

输出结果在这里插入图片描述

(1)获取每一个键值对的话,可以调用它的.next()方法

console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());

输出结果在这里插入图片描述
依次会调用所创建的键值对,done值是false是指还没有调用完所有创建好的键值对

6)使用for(let [key,value] of map){}遍历
for(let [key,value] of map){
    console.log(key,value);
}
7)删除一个元素使用.delete(key)方法
map.delete(1);
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值