jsmap数据结构（js map数据类型）

本篇文章给大家谈谈jsmap数据结构，以及js map数据类型对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、js数组的map方法
• 2、Map对象在JS中排序显示
• 3、带你轻松理解数据结构之Map
• 4、js 数据结构map
• 5、vue.js Map 数据结构

js数组的map方法

js数组的map方法

这里的map不是“地图”的意思，而是指“映射”。

[].map(); 基本用法跟forEach方法类似：

array.map(callback,[ thisObject]);

callback的参数也类似：

[].map(function(value, index, array) {

// ...

});

map方法的作用不难理解，“映射”嘛，也就是原数组被“映射”成对应新数组。下面这个例子是数值项求平方：

var data = [1, 2, 3, 4];

var arrayOfSquares = data.map(function (item) {

return item * item;

});

alert(arrayOfSquares); // [1, 4, 9, 16]

callback需要有return值，如果没有，就像下面这样：

var data = [1, 2, 3, 4];

var arrayOfSquares = data.map(function() {});

arrayOfSquares.forEach(console.log);

结果可以看到，数组所有项都被映射成了undefined：

在实际使用的时候，我们可以利用map方法方便获得对象数组中的特定属性值们。例如下面这个例子（之后的兼容demo也是该例子）：

var users = [

{name: "张含大岩韵", "email": "zhang@email.com"},

{name: "江一燕",   "email": "jiang@email.com"},

{name: "李小璐",  "email": "li@email.com"}

];

var emails = users.map(function (user) { return user.email; });

console.log(emails.join(", ")); // zhang@email.com, jiang@email.com, li@email.com

Array.prototype扩展可以让IE6-IE8浏览器也支散册持map方法冲仿宏：

if (typeof Array.prototype.map != "function") {

Array.prototype.map = function (fn, context) {

var arr = [];

if (typeof fn === "function") {

for (var k = 0, length = this.length; k length; k++) {

arr.push(fn.call(context, this[k], k, this));

}

}

return arr;

};

[img]

Map对象在JS中排序显示

Map本凳闷身是无序的;解决的办法就是将有序的数衫慧据结构放到Map中去；例如：

ResultSet rs = ..;//查询

ListMapString, String枣塌弯 temp = new LinkedList(MapString, String);

while(rs.next()){

//读取该条数据，返回字段名与字段值的Map

MapString, String m = read(rs);

temp.add(m);

}

//将结果放到Map中

application.put("ResultList", temp);

带你轻松理解数据结构之Map

Map结构跟我们上节讲解的set结构语法差不多 《理解数据结构之Set，只要5分钟》 ，不同是Map语法是一种数组键值对格式，Map也是处理了防止对象键值强制类型转换问题。Map是利用数组特性解决的，我们都知道数组可以传入任意类型值，所以Map结构也接收所有类型值。我们刚才说了值不会向对象那样进行强制类型转换，如24和"24"就是两种类型关系，互不会影响 。

上面example中，创建一个Map对象，上面我们说过Map是一个数组对象，里面还接收一个数组对象也就是二维数组，里面的参数也就是键值对形式，然后设置map值，map.set方法接收两个参数，前者是key值后者是value值。这时Map对象添加了name值

上面example中，Map对象提供了查看size属性，查看当前Map结构有几组数据。

上面example中，我们使用Map.get方法获取对象的属性值。如果获取一个Map对象中不存在的则返回undefined。

上面example中，Map.has返回的是一个Boolean值，会去这个Map中查找如果找到返回true，否则返回false，一般用于检测这个Map中存在该值的时候使用。

上面example中，Map.delete方法删除结构中某个值，如果这个值存在Map结构中删除则返回true，如果删除一个不存在的值则返回false。

上面example中，Map.clear该方法则会清除Map结构中所有的属性。

上面example中，可以看到御历Map结构是一个二维数组，里面是键值对形式的。Map结构也可以使用forEach遍历，它接收3个参数：

我们上面讲了Map可以forEach遍历，这样循环解析也可以组成一个新的对象。那么Es6方法新提供了快速将这种结构转换为对象。

一句话总结：Set结构姿拆伍主要用作于判断某个值是否存在该对象中，而Map结构主要用作于从当前结构中获取该对象的值。

有的情况下我们需求想实现，我第一次请求后台接口Api，当我请求过后第二次就走缓存，不在发送接口Api。

我们迹或在项目需求时，肯定会遇到一个状态对应着一种操作，如下：

js 数据结构map

1.JavaScript 的对象（Object），本质上是键值对的集合（Hash结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。

2.类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包郑蠢灶括对象）都可以当作键。也就是说，Object结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。

3.如果对同一个键多次赋值，后面的值将覆盖前面的值。

4.只有对同一个对象的引用，Map 结构才将其视为同一个键。Map 的键实际上是跟内存地址绑定的，只要内存地址不一档简样，就视为两个键。这就解决了同名属性碰撞（clash）的问题。

5.如果 Map 的键是一个简单类型的值（数字、字符串、布尔喊扮值），则只要两个值严格相等，Map 将其视为一个键.

vue.js Map 数据结构

（一）Map 数判悔据结构

1.Map 数据结构，类似于对象，键值对的集合， 所有的数据都是唯一的，不会重复，每条数据都需要放在一个数组中，它本身就是一梁袭个构造函数

size 数据的长度

set() 添加一个数据

delete() 删除一条橡冲兄数据

get () 获取一条数据

has() 查找某条数据，返回一个布尔值

clear() 删除所有数据

参考资料：

关于jsmap数据结构和js map数据类型的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。