map键值对
什么是键值对?
键值对('key = value')
顾名思义,每一个键会对应一个值。
比如:
身份证号和你本人是绑定的关系。每一个身份证号(键)都会对应一个小可爱(值)。
我们在登录微信或者游戏时,需要输入手机号验证身份。系统会向该手机号发送一条验证短信。
这里的手机号码(键),对应的接收用户就是值。
每个键对应响应的值,当按下响应的键时,就会输出响应的结果。
键:就是存的值的编号。
值:就是要存放的数据。
map对象
【Map对象】
Map对象用来保存键值对。
在Map对象中任何值(对象或者原始值)都可以作为一个键(任何数据类型)或一个值。
【基本Map方法】
new Map():创建新的Map对象。
set():为Map对象中的键设置值。
get():获取Map对象中键的值。
keys():返回Map对象中键的数组。
values(():返回Map对象中值的数组。
entries(():返回Map对象中键/值对的数组。
【Map()属性】
Map.size:返回Map中元素的数量。
【示例】
创建对象 -->
<script>
const apples ={name:'Apples'};
const bananas ={name:'Bananas'};
const oranges ={name:'Oranges'};
// 创建新的Map对象(new Map())
const fruits =new Map() ;
// 向Map对象添加成员(set(())
fruits.set(apples,500);
fruits.set(bananas,200);
fruits.set(oranges,200);
// 获取Map对象中键中的值(get())
console.log(fruits.get(apples));//500
// 获取Map对象中键的数组(keys(())
console.log(fruits.keys()); //{{...},{...} ,{...}}
// 获取map对象中值的数组(values())
console.log(fruits.values());//{500,200,200}
// 获取map对象中键/值对的数组(entries())
console.log(fruits.entries());//{{...}=>500,{...}=>200,{...}=>200}
// 返回map中元素的数量(map.size)
console.log(fruits.size);
// [其他map()方法]
// clear():删除map中所有元素
// delete():删除由键指定的元素
// has();如果键存在,则返回true
</script>
什么是作用域
<script>
// 【作用域】
// 作用域是运行时代码中某些特定部分中变量,函数和对象的可访问性。
// 换句话说,作用域决定了代码中变量和其他资源的可见性。
function Fun(){
let a ='内层变量'
console.log(a);
}
Fun();//先执行函数
// console.log(a);
function fun (){
let a ='变量 '
console.log(a);
}
fun()
// console.log(a); //a is not defined
// 变量a在全局作用域没有声明,所以在全局作用域下取值会报错。
// 作用域就是一个独立的地盘,让变量不会外泄、暴露出去。
// 作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。
// ES6之前JavaScript没有块级作用域,只有全局作用域和函数作用域。
// ES6的到来,为我们提供了"块级作用域",可通过新增命令let和const来体现。
</script>
函数作用域
【局部变量/函数作用域】
声明在函数内部的变量,和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到。
最常见的例如函数内部,所以在一些地方也会看到有人把这种作用域称为函数作用域。
<script>
function outFun(){
var a ='函数内部的变量';
function innerFun(){
console.log(a);函数内部的变量
}
innerFun();}
// console.log(a); //a is not defined
innerFun; //innerFun is not defined
outFun()
</script>
全局作用域
【全局作用域】
在代码中任意地方都能访问到的对象拥有全局作用域。
(即在全局作用域中定义的变量可以在任何地方使用。)
全局作用域在页面打开时创建,在页面关闭时销毁。
//【情况一:所有未定义直接赋值的变量自动声明为拥有全局作用域】
function Fun1(){
a ='未定义直接赋值的变量';
var b ='内层变量'
}
Fun1();
console.log(a);//未定义直接赋值的变量
console.log(b); //b is not defined
// 【情况二:最外层函数和最外层函数外面定义的变量拥有全局作用域】
var A ='最外层变量';//最外层变量
function outFun(){ //最外层函数
var B ='最外层函数的内层变量'
function innnerFun(){ //内层函数
var c ='内层函数的内部变量'
}
}
console.log(A);//最外层变量
//console.log(B); //B is not defined
outFun()
//innerfun() //innerfun is not defined
//console.log(C); //C is not defined
// 【情况三:所有window对象的属性拥有全局变量
//在全局作用域中有一个全局对象window,他代表的浏览器的窗口,由浏览器创建。
// 一般情况下,window对象的内置属性都拥有全局作用域,例如window.name、window.location
</script>