JavaScript学习笔记（9.0）

mez_Blog

于 2023-03-15 10:57:12 发布

阅读量286

点赞数 1

分类专栏： HTML5 mez_Blog的专栏 JavaScript 文章标签：学习

本文链接：https://blog.csdn.net/mez_Blog/article/details/129546387

版权

mez_Blog的专栏同时被 3 个专栏收录

116 篇文章 6 订阅

订阅专栏

HTML5

32 篇文章 0 订阅

订阅专栏

JavaScript

13 篇文章 0 订阅

订阅专栏

JavaScript Map对象

map对象存有键值对，其中的键可以是任何数据类型

map对象记得键的原始插入顺序。

map对象具有表示映射大小的属性

Map（）方法

Method	Description
new Map()	创建新的Map对象
set（）	为Map对象中的键设置值
get（）	获取Map对象中键的值
entires（）	返回Map对象中键/值对的数组
keys()	返回Map对象中键的数组
values（）	返回Map对象中值的数组

Map（）属性

size	获取Map对象中某键的值

创建Map对象

能够使用对象作为键是Map的一个重要特性

<!--
 * @Author: RealRoad1083425287@qq.com
 * @Date: 2023-03-15 10:14:44
 * @LastEditors: Mei
 * @LastEditTime: 2023-03-15 10:20:49
 * @FilePath: \vscode\map.html
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const apples={name:"Apples"}
        const bananas={name:"Bananas"}
        const oranges={name:"Oranges"}

        const fruits=new Map()
        fruits.set(apples,500)
        fruits.set(bananas,400)
        fruits.set(oranges,300)
        console.log(fruits)

        fruits.get(bananas)
        console.log(fruits.get(bananas))
        console.log(fruits.get("bananas"))
    </script>
</body>
</html>

通过get（）方法可以获取Map中键的值。

注意：键是一个对象（object），不是一个字符串（string）

//获取Map中元素的数量
        console.log(fruits.size)

        //删除Map元素
        console.log(fruits.delete(apples))
        console.log(fruits)
        //删除所有元素
        console.log(fruits.clear())
        console.log(fruits)
        //查看Map中是否存在键
        console.log(fruits.has(bananas))

JavaScript对象与Map的差异

对象	Map
Size	对象没有size属性	Maps由size属性
键类型	对象键必须是字符串（或符号）	Map键可以是任何数据类型
键顺序	对象键没有很好的排序	Map键按插入排序
默认	对象有默认键	Map没有默认键

JavaScript对象定义

在JavaScript中，几乎“所有事物”都是对象。

布尔是对象（如果用new关键字定义）

数字是对象（如果用new关键字定义）

字符串是对象（如果用new关键字定义）

日期永远都是对象

算数永远都是对象

正则表达式永远都是对象

数组永远都是对象

函数永远都是对象

对象永远都是对象

所有JavaScript值，除了原始值，都是对象。

JavaScript原始值

原始值指的是没有属性或方法的值。

原始数据类型指的是拥有原始值的数据

JavaScript定义了5中原始数据类型：

string（例如："hello"）、number(例如：3.2555)、Boolean（例如：TRUE）、null、undefined

原始值是一成不变的（他们是硬编码的，因此不能改变）

假设x=3.14，您能够改变x的值。但是您无法改变3.14的值。

对象是包含变量的变量

JavaScript变量能够包含单个的值

var person:"mez"

对象也是变量。但是对象能够包含很多值。

值按照名称：值对的形式编写（名称和值以冒号分割）

JavaScript对象是命名值的集合。

创建JavaScript对象

（1）定义个创建单个对象，使用对象文字。

（2）定义和创建单个对象，通过关键字new

（3）定义对象构造器，然后创建构造类型的对象

//（1）
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

// 显示对象中的数据：
document.getElementById("demo").innerHTML =
person.firstName + " 已经 " + person.age + " 岁了。";

//（2）
var person = new Object();
person.firstName = "Bill";
person.lastName = "Gates";
person.age = 50;
person.eyeColor = "blue";

JavaScript对象是易变的：他们通过引用来寻址，而非值。

如果person是一个对象，下面的语句不会创建person的副本：

var x = person;  // 这不会创建 person 的副本。

对象x并非person的副本。它就是person。x和person是同一个对象。

对x的任何改变都将改变person，因为x和person是相同的对象。

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"}
 
var x = person;
x.age = 10;           // 这将同时改变 both x.age 和 person.age

注意：JavaScript变量不是易变的。只有JavaScript对象如此。

mez_Blog

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript学习笔记（9.0）

string（例如："hello"）、number(例如：3.2555)、Boolean（例如：TRUE）、null、undefined。对x的任何改变都将改变person，因为x和person是相同的对象。注意：键是一个对象（object），不是一个字符串（string）但是您无法改变3.14的值。JavaScript对象是易变的：他们通过引用来寻址，而非值。所有JavaScript值，除了原始值，都是对象。原始值是一成不变的（他们是硬编码的，因此不能改变）（3）定义对象构造器，然后创建构造类型的对象。
复制链接

扫一扫