如何在JavaScript中快速获取Map对象的长度

为了在 JavaScript 中获取Map的长度，我们使用它的size属性，例如 console.log(map.size)。

创新互联主营无为网站建设的网络公司,主营网站建设方案,手机APP定制开发,无为h5小程序设计搭建,无为网站营销推广欢迎无为等地区企业咨询

const map = new Map();
map.set('user1', 'John');
map.set('user2', 'Kate');
map.set('user3', 'Peter');


//  Get length of map
console.log(map.size); // 3

Map size()、set() 和 delete() 方法

Map 对象的size属性存储对象中的键值对。

当 set() 方法添加元素并 delete() 删除它们时，size 属性会相应更改。

当我们使用 set() 方法向地图添加一个新元素时，大小属性会增加 1。同样，当我们使用 delete() 从地图中删除一个元素时，大小会减少 1。

const map = new Map();
map.set('user1', 'John');
console.log(map.size); // 1


map.set('user2', 'Kate');
console.log(map.size); // 2


map.delete('user1');
console.log(map.size); // 1

Map size与Array length

当然，映射和数组有不同的用途，但每个都有一个属性，该属性给出了它存储的项目的长度、数组的长度和映射的大小。

两者之间的一个关键区别是您可以直接更改数组的长度属性。

const arr = [];


arr.push('Pat');
arr.push('Matt');


console.log(arr.length); // 2


//  Array length changed
arr.length = 1;


console.log(arr.length); // 1

但是你不能对地图做同样的事情：

const map = new Map();


map.set('user1', 'Pat');
map.set('user2', 'Matt');


console.log(map.size); // 2


map.size = 5;


//  length can't be modified directly
console.log(map.size); // 2

正如我们之前看到的，您只能使用 set() 和 delete() 等方法更改大小。

当您直接将 Array 长度更改为较小的值时，元素会被切掉。

const arr = ['Pat', 'Matt'];


//  Length decreased directly
arr.length = 1;


// No more 'Matt'
console.log(arr); // ['Pat']

另一方面，当您直接将数组长度更改为更大的值时，会从数组末尾添加空占位符元素：

const arr = ['Pat', 'Matt'];


//  Length increase directly
arr.length = 3;


// Empty item added
console.log(arr); // [ 'Pat', 'Matt', <1 empty item> ]

虽然这可行，但我建议 Array splice() 从数组中删除元素，这样您就可以更好地控制删除并可以访问已删除的元素。

使用 splice() 您可以设置删除的起始索引、要删除的元素数量以及应该插入到它们位置的新元素。

const arr = ['Pat', 'Matt'];


// Delete 1 element at index 1 (2nd element)
const deleted = arr.splice(1, 1);


console.log(deleted); // ['Matt']


const arr2 = ['Pat', 'Matt'];
// Delete 1 element at index 1 (2nd element) and insert 'John' at index 1


const deleted2 = arr2.splice(1, 1, 'John');
console.log(deleted2); // ['Matt']

使用 clear() 方法清除地图

Map clear() 方法的作用从它的名字中应该很明显； 它清除所有元素的地图：

const map = new Map();


map.set('user1', 'John');
map.set('user2', 'Kate');
map.set('user3', 'Peter');


console.log(map.size); // 3


map.clear();


console.log(map.size); // 0

要点总结

• 要在 JavaScript 中获取地图的长度，请使用Map对象的 size 属性。
• 当您使用 set()、delete() 或 clear() 添加或删除元素时，size会更新。
• 与数组不同，您不能直接更改Map的size。

标题名称：如何在JavaScript中快速获取Map对象的长度
地址分享：http://www.csdahua.cn/qtweb/news29/405779.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网