Object和MAP with Example的主要区别:

它是循环中的迭代顺序，在Map中它遵循创建时设置的顺序，而在OBJECT中没有。

看到的: 对象

const obj = {};
obj.prop1 = "Foo";
obj.prop2 = "Bar";
obj['1'] = "day";
console.log(obj)

**OUTPUT: {1: "day", prop1: "Foo", prop2: "Bar"}**

MAP

    const myMap = new Map()
    // setting the values
    myMap.set("foo", "value associated with 'a string'")
    myMap.set("Bar", 'value associated with keyObj')
    myMap.set("1", 'value associated with keyFunc')

OUTPUT:
**1.    ▶0: Array[2]
1.   0: "foo"
2.   1: "value associated with 'a string'"
2.  ▶1: Array[2]
1.   0: "Bar"
2.   1: "value associated with keyObj"
3.  ▶2: Array[2]
1.   0: "1"
2.   1: "value associated with keyFunc"**

自ES2015以来，对象的迭代顺序遵循一定的规则集，但它并不(总是)遵循插入顺序。简单地说，迭代顺序是字符串键的插入顺序和数字键的升序的组合:

// key order: 1, foo, bar
const obj = { "foo": "foo", "1": "1", "bar": "bar" }

使用数组或Map对象可能是实现这一点的更好方法。Map与Object有一些相似之处，并保证键按照插入的顺序迭代，无一例外:

Map中的键是有序的，而添加到对象中的键不是有序的。因此，当对其进行迭代时，Map对象将按插入顺序返回键。(请注意，在ECMAScript 2015规范中，对象确实保留了字符串和符号键的创建顺序，因此只使用ie字符串键遍历对象会产生插入顺序的键)

值得注意的是，在ES2015之前，对象中的属性顺序根本没有得到保证。ECMAScript第三版对象定义(pdf):

4.3.3对象 对象的成员 类型的对象。它是每个属性的无序集合 包含原语值、对象或 函数。函数中存储的函数 对象的属性称为 方法。

这是我吃了不少苦头才知道的。

使用React和Redux，我想遍历的键的状态容器，以生成子，每次存储被更改时都会刷新(根据Redux的不变性概念)。

因此，为了获取Object.keys(valueFromStore)，我使用了Object.keys(valueFromStore).sort()，这样我至少现在有了键的字母顺序。

在ES2015中，确实如此，但不是你想的那样

对象中键的顺序直到ES2015才得到保证。它是由实现定义的。

但是，在ES2015中指定了in。像JavaScript中的许多东西一样，这样做是为了兼容性，并且通常反映了大多数JS引擎中现有的非官方标准(你知道谁是例外)。

该顺序在规范中定义，在抽象操作OrdinaryOwnPropertyKeys下，该操作支持遍历对象自身键的所有方法。转述一下，顺序如下:

所有整数索引键(像“1123”，“55”等)以升序数字排列。 所有不是整数索引的字符串键，按创建的顺序(最早的-先的)。 所有符号键，按创建的顺序(最早的-先的)。

说顺序不可靠是愚蠢的——它是可靠的，只是可能不是你想要的，现代浏览器正确地实现了这个顺序。

一些例外包括枚举继承键的方法，例如for ..在循环。for ..循环不能保证按照规范的顺序。

正如其他人所述，当迭代对象的属性时，您无法保证顺序。如果你需要多个字段的有序列表，我建议创建一个对象数组。

var myarr = [{somfield1: 'x', somefield2: 'y'},
{somfield1: 'a', somefield2: 'b'},
{somfield1: 'i', somefield2: 'j'}];

这样你就可以使用一个常规的for循环，并有插入顺序。然后，如果需要，可以使用Array sort方法将其排序到一个新数组中。

整个答案是在规范遵从的背景下，而不是任何引擎在特定时刻或历史上所做的。

一般来说,没有

实际的问题非常模糊。

属性是否与我添加它们的顺序相同

在什么情况下?

答案是:这取决于许多因素。一般来说，没有。

有时,是的

在这里你可以指望属性键顺序为普通对象:

ES2015兼容引擎 自己的属性 Object.getOwnPropertyNames()， Reflect.ownKeys()， Object.getOwnPropertySymbols(O)

在所有情况下，这些方法都包括不可枚举的属性键和由[[OwnPropertyKeys]]指定的顺序键(见下文)。它们所包含的键值类型不同(字符串和/或符号)。在这个上下文中，String包含整数值。

Object.getOwnPropertyNames (O)

返回O自己的string键属性(属性名)。

Reflect.ownKeys (O)

返回O自己的字符串和符号键属性。

Object.getOwnPropertySymbols (O)

返回O自己的符号键属性。

[OwnPropertyKeys]

顺序基本上是:类整数的字符串按升序排列，非类整数的字符串按创建顺序排列，符号按创建顺序排列。根据调用该函数的函数，其中一些类型可能不包括在内。

具体的语言是键按以下顺序返回:

．.． 每个属性键P of O[被迭代的对象]是一个整数索引，按升序数字索引 ．.． 每个属性键P (O)都是一个字符串，但不是一个整数索引，按属性创建顺序 ．.． 每个人都拥有属性键P (O)，这是一个符号，按属性创建顺序

Map

如果你对有序映射感兴趣，你应该考虑使用ES2015中引入的Map类型，而不是普通的对象。