Sắp xếp thuộc tính đối tượng theo các giá trị

Nếu tôi có một đối tượng JavaScript như:

var list = {
  "you": 100, 
  "me": 75, 
  "foo": 116, 
  "bar": 15
};

Có cách nào để sắp xếp các thuộc tính dựa trên giá trị? Vì vậy, tôi kết thúc với

list = {
  "bar": 15, 
  "me": 75, 
  "you": 100, 
  "foo": 116
};

Di chuyển chúng đến một mảng, sắp xếp mảng đó và sau đó sử dụng mảng đó cho mục đích của bạn. Đây là một giải pháp:

var maxSpeed = {
    car: 300, 
    bike: 60, 
    motorbike: 200, 
    airplane: 1000,
    helicopter: 400, 
    rocket: 8 * 60 * 60
};
var sortable = [];
for (var vehicle in maxSpeed) {
    sortable.push([vehicle, maxSpeed[vehicle]]);
}

sortable.sort(function(a, b) {
    return a[1] - b[1];
});

//[["bike", 60], ["motorbike", 200], ["car", 300],
//["helicopter", 400], ["airplane", 1000], ["rocket", 28800]]

Khi bạn có mảng, bạn có thể xây dựng lại đối tượng từ mảng theo thứ tự bạn thích, do đó đạt được chính xác những gì bạn đặt ra. Điều đó sẽ hoạt động trong tất cả các trình duyệt mà tôi biết, nhưng nó sẽ phụ thuộc vào một vấn đề khó thực hiện và có thể bị hỏng bất cứ lúc nào. Bạn không bao giờ nên đưa ra các giả định về thứ tự các phần tử trong một đối tượng JavaScript.

var objSorted = {}
sortable.forEach(function(item){
    objSorted[item[0]]=item[1]
})

Chúng tôi không muốn sao chép toàn bộ cấu trúc dữ liệu hoặc sử dụng một mảng mà chúng tôi cần một mảng kết hợp.

Đây là một cách khác để làm điều tương tự như bonna:

var list = {"you": 100, "me": 75, "foo": 116, "bar": 15};
keysSorted = Object.keys(list).sort(function(a,b){return list[a]-list[b]})
console.log(keysSorted);     // bar,me,you,foo

Các đối tượng của bạn có thể có bất kỳ số lượng thuộc tính nào và bạn có thể chọn sắp xếp theo bất kỳ thuộc tính đối tượng nào bạn muốn, số hoặc chuỗi, nếu bạn đặt các đối tượng trong một mảng. Hãy xem xét mảng này:

var arrayOfObjects = [   
    {
        name: 'Diana',
        born: 1373925600000, // Mon, Jul 15 2013
        num: 4,
        sex: 'female'
    },
    {

        name: 'Beyonce',
        born: 1366832953000, // Wed, Apr 24 2013
        num: 2,
        sex: 'female'
    },
    {            
        name: 'Albert',
        born: 1370288700000, // Mon, Jun 3 2013
        num: 3,
        sex: 'male'
    },    
    {
        name: 'Doris',
        born: 1354412087000, // Sat, Dec 1 2012
        num: 1,
        sex: 'female'
    }
];

sắp xếp theo ngày sinh, cũ nhất

// use slice() to copy the array and not just make a reference
var byDate = arrayOfObjects.slice(0);
byDate.sort(function(a,b) {
    return a.born - b.born;
});
console.log('by date:');
console.log(byDate);

sắp xếp theo tên

var byName = arrayOfObjects.slice(0);
byName.sort(function(a,b) {
    var x = a.name.toLowerCase();
    var y = b.name.toLowerCase();
    return x < y ? -1 : x > y ? 1 : 0;
});

console.log('by name:');
console.log(byName);

http://jsfiddle.net/xsM5s/16/

Để hoàn thiện, hàm này trả về mảng các thuộc tính đối tượng được sắp xếp :

function sortObject(obj) {
    var arr = [];
    for (var prop in obj) {
        if (obj.hasOwnProperty(prop)) {
            arr.push({
                'key': prop,
                'value': obj[prop]
            });
        }
    }
    arr.sort(function(a, b) { return a.value - b.value; });
    //arr.sort(function(a, b) { a.value.toLowerCase().localeCompare(b.value.toLowerCase()); }); //use this to sort as strings
    return arr; // returns array
}

var list = {"you": 100, "me": 75, "foo": 116, "bar": 15};
var arr = sortObject(list);
console.log(arr); // [{key:"bar", value:15}, {key:"me", value:75}, {key:"you", value:100}, {key:"foo", value:116}]

Jsfiddle với mã ở trên là ở đây . Giải pháp này dựa trên bài viết này .

Fiddle cập nhật để sắp xếp các chuỗi ở đây. Bạn có thể xóa cả chuyển đổi .toLowerCase () bổ sung khỏi nó để so sánh chuỗi phân biệt chữ hoa chữ thường.

ECMAScript 2017 giới thiệu Object.values / Object.entries. Như tên cho thấy, cái trước tổng hợp tất cả các giá trị của một đối tượng thành một mảng, và cái sau thực hiện toàn bộ đối tượng thành một mảng các [key, value]mảng; Python tương đương dict.values()và dict.items().

Các tính năng giúp dễ dàng sắp xếp bất kỳ hàm băm nào vào một đối tượng được sắp xếp. Đến bây giờ, chỉ một phần nhỏ nền tảng JavaScript hỗ trợ chúng , nhưng bạn có thể dùng thử trên Firefox 47+.

let obj = {"you": 100, "me": 75, "foo": 116, "bar": 15};

let entries = Object.entries(obj);
// [["you",100],["me",75],["foo",116],["bar",15]]

let sorted = entries.sort((a, b) => a[1] - b[1]);
// [["bar",15],["me",75],["you",100],["foo",116]]

Phiên bản "mũi tên" của câu trả lời của @marcusR để tham khảo

var myObj = {"you": 100, "me": 75, "foo": 116, "bar": 15};
keysSorted = Object.keys(myObj).sort((a,b) => myObj[a]-myObj[b])
alert(keysSorted);     // bar,me,you,foo

CẬP NHẬT: Tháng 4 năm 2017 - Điều này trả về một myObjđối tượng được sắp xếp được xác định ở trên.

Object
 .keys(myObj)
 .sort((a, b) => myObj[a]-myObj[b])
 .reduce((_sortedObj, key) => ({
   ..._sortedObj, 
   [key]: myObj[key]
 }), {})

Hãy thử nó ở đây!

CẬP NHẬT: Tháng 10 năm 2018 - Phiên bản Object.entries

Object
 .entries(myObj)
 .sort()
 .reduce((_sortedObj, [k,v]) => ({
   ..._sortedObj, 
   [k]: v
 }), {})

Hãy thử nó ở đây!

Các đối tượng JavaScript không được sắp xếp theo định nghĩa (xem Đặc tả ngôn ngữ ECMAScript , phần 8.6). Đặc tả ngôn ngữ thậm chí không đảm bảo rằng, nếu bạn lặp lại các thuộc tính của một đối tượng hai lần liên tiếp, chúng sẽ xuất hiện theo thứ tự lần thứ hai.

Nếu bạn cần thứ tự để đặt hàng, hãy sử dụng một mảng và phương thức Array.prototype.sort.

OK , như bạn có thể biết, javascript có hàm sort () , để sắp xếp các mảng, nhưng không có gì cho đối tượng ...

Vì vậy, trong trường hợp đó, bằng cách nào đó chúng ta cần lấy mảng các phím và sắp xếp chúng, đó là lý do apis cung cấp cho bạn các đối tượng trong một mảng hầu hết thời gian, bởi vì Array có nhiều chức năng riêng để chơi với chúng hơn là đối tượng theo nghĩa đen, dù sao, giải pháp nhanh đang sử dụng Object.key trả về một mảng các khóa đối tượng, tôi tạo hàm ES6 bên dưới để thực hiện công việc cho bạn, nó sử dụng các hàm sort () và less () trong javascript:

function sortObject(obj) {
  return Object.keys(obj)
    .sort().reduce((a, v) => {
    a[v] = obj[v];
    return a; }, {});
}

Và bây giờ bạn có thể sử dụng nó như thế này:

let myObject = {a: 1, c: 3, e: 5, b: 2, d: 4};
let sortedMyObject = sortObject(myObject);

Kiểm tra sortMyObject và bạn có thể thấy kết quả được sắp xếp theo các khóa như thế này:

{a: 1, b: 2, c: 3, d: 4, e: 5}

Cũng theo cách này, đối tượng chính sẽ không được chạm vào và chúng tôi thực sự có được một đối tượng mới.

Tôi cũng tạo hình ảnh bên dưới, để làm cho các bước chức năng rõ ràng hơn, trong trường hợp bạn cần thay đổi nó một chút để làm việc theo cách của bạn:

var list = {
    "you": 100, 
    "me": 75, 
    "foo": 116, 
    "bar": 15
};

function sortAssocObject(list) {
    var sortable = [];
    for (var key in list) {
        sortable.push([key, list[key]]);
    }
    // [["you",100],["me",75],["foo",116],["bar",15]]

    sortable.sort(function(a, b) {
        return (a[1] < b[1] ? -1 : (a[1] > b[1] ? 1 : 0));
    });
    // [["bar",15],["me",75],["you",100],["foo",116]]

    var orderedList = {};
    for (var idx in sortable) {
        orderedList[sortable[idx][0]] = sortable[idx][1];
    }

    return orderedList;
}

sortAssocObject(list);

// {bar: 15, me: 75, you: 100, foo: 116}

Cập nhật với ES6: Nếu mối quan tâm của bạn là có một đối tượng được sắp xếp để lặp qua (đó là lý do tại sao tôi tưởng tượng bạn muốn các thuộc tính đối tượng của bạn được sắp xếp), bạn có thể sử dụng đối tượng Map .

Bạn có thể chèn các cặp (khóa, giá trị) của mình theo thứ tự được sắp xếp và sau đó thực hiện một for..ofvòng lặp sẽ đảm bảo có các vòng lặp theo thứ tự bạn đã chèn chúng

var myMap = new Map();
myMap.set(0, "zero");
myMap.set(1, "one");
for (var [key, value] of myMap) {
  console.log(key + " = " + value);
}
// 0 = zero 
// 1 = one

Underscore.js hoặc Lodash.js để sắp xếp mảng hoặc đối tượng nâng cao

 var data={
        "models": {

            "LTI": [
                "TX"
            ],
            "Carado": [
                "A",
                "T",
                "A(пасс)",
                "A(груз)",
                "T(пасс)",
                "T(груз)",
                "A",
                "T"
            ],
            "SPARK": [
                "SP110C 2",
                "sp150r 18"
            ],
            "Autobianchi": [
                "A112"
            ]
        }
    };

    var arr=[],
        obj={};
    for(var i in data.models){
      arr.push([i, _.sortBy(data.models[i],function (el){return el;})]);
    }
    arr=_.sortBy(arr,function (el){
      return el[0];
    });
    _.map(arr,function (el){return obj[el[0]]=el[1];});
     console.log(obj);

bản giới thiệu

Rất ngắn gọn và đơn giản!

var sortedList = {};
Object.keys(list).sort((a,b) => list[a]-list[b]).forEach((key) => {
    sortedList[key] = list[key]; });

Tôi đang theo giải pháp được đưa ra bởi slebetman (hãy đọc nó để biết tất cả các chi tiết), nhưng đã được điều chỉnh, vì đối tượng của bạn không được lồng nhau.

// First create the array of keys/values so that we can sort it:
var sort_array = [];
for (var key in list) {
    sort_array.push({key:key,value:list[key]});
}

// Now sort it:
sort_array.sort(function(x,y){return x.value - y.value});

// Now process that object with it:
for (var i=0;i<sort_array.length;i++) {
    var item = list[sort_array[i].key];

    // now do stuff with each item
}

Sắp xếp các giá trị không có nhiều vòng lặp (để sắp xếp theo các phím thay đổi chỉ mục trong cuộc gọi lại sắp xếp thành "0")

const list = {
    "you": 100, 
    "me": 75, 
    "foo": 116, 
    "bar": 15
  };

let sorted = Object.fromEntries(
                Object.entries(list).sort( (a,b) => a[1] - b[1] )    
             ) 
console.log('Sorted object: ', sorted) 

Đây có thể là một cách đơn giản để xử lý nó như một đối tượng được đặt hàng thực sự. Không chắc nó chậm như thế nào. cũng có thể tốt hơn với một vòng lặp while.

Object.sortByKeys = function(myObj){
  var keys = Object.keys(myObj)
  keys.sort()
  var sortedObject = Object()
  for(i in keys){
    key = keys[i]
    sortedObject[key]=myObj[key]
   }

  return sortedObject

}

Và sau đó tôi tìm thấy hàm đảo ngược này từ: http://nelsonwells.net/2011/10/swap-object-key-and-values-in-javascript/

Object.invert = function (obj) {

  var new_obj = {};

  for (var prop in obj) {
    if(obj.hasOwnProperty(prop)) {
      new_obj[obj[prop]] = prop;
    }
  }

  return new_obj;
};

Vì thế

var list = {"you": 100, "me": 75, "foo": 116, "bar": 15};
var invertedList = Object.invert(list)
var invertedOrderedList = Object.sortByKeys(invertedList)
var orderedList = Object.invert(invertedOrderedList)

a = { b: 1, p: 8, c: 2, g: 1 }
Object.keys(a)
  .sort((c,b) => {
    return a[b]-a[c]
  })
  .reduce((acc, cur) => {
    let o = {}
    o[cur] = a[cur]
    acc.push(o)
    return acc
   } , [])

đầu ra = [{p: 8}, {c: 2}, {b: 1}, {g: 1}]

Chỉ trong trường hợp, ai đó đang tìm cách giữ đối tượng (có khóa và giá trị), sử dụng tham chiếu mã bởi @Markus R và @James Moran bình luận, chỉ cần sử dụng:

var list = {"you": 100, "me": 75, "foo": 116, "bar": 15};
var newO = {};
Object.keys(list).sort(function(a,b){return list[a]-list[b]})
                 .map(key => newO[key] = list[key]);
console.log(newO);  // {bar: 15, me: 75, you: 100, foo: 116}

let toSort = {a:2323, b: 14, c: 799} 
let sorted = Object.entries(toSort ).sort((a,b)=> a[1]-b[1]) 

Đầu ra:

[ [ "b", 14 ], [ "c", 799 ], [ "a", 2323 ] ]

nhiều chức năng tương tự và hữu ích: https://github.com/shimondoodkin/groupbyfifts/

function sortobj(obj)
{
    var keys=Object.keys(obj);
    var kva= keys.map(function(k,i)
    {
        return [k,obj[k]];
    });
    kva.sort(function(a,b){
        if(a[1]>b[1]) return -1;if(a[1]<b[1]) return 1;
        return 0
    });
    var o={}
    kva.forEach(function(a){ o[a[0]]=a[1]})
    return o;
}

function sortobjkey(obj,key)
{
    var keys=Object.keys(obj);
    var kva= keys.map(function(k,i)
    {
        return [k,obj[k]];
    });
    kva.sort(function(a,b){
        k=key;      if(a[1][k]>b[1][k]) return -1;if(a[1][k]<b[1][k]) return 1;
        return 0
    });
    var o={}
    kva.forEach(function(a){ o[a[0]]=a[1]})
    return o;
}

Đối tượng được sắp xếp theo giá trị (DESC)

function sortObject(list) {
  var sortable = [];
  for (var key in list) {
    sortable.push([key, list[key]]);
  }

  sortable.sort(function(a, b) {
    return (a[1] > b[1] ? -1 : (a[1] < b[1] ? 1 : 0));
  });

  var orderedList = {};
  for (var i = 0; i < sortable.length; i++) {
    orderedList[sortable[i][0]] = sortable[i][1];
  }

  return orderedList;
}

Đây là một ví dụ nữa:

function sortObject(obj) {
  var arr = [];
  var prop;
  for (prop in obj) {
    if (obj.hasOwnProperty(prop)) {
      arr.push({
        'key': prop,
        'value': obj[prop]
      });
    }
  }
  arr.sort(function(a, b) {
    return a.value - b.value;
  });
  return arr; // returns array
}
var list = {
  car: 300,
  bike: 60,
  motorbike: 200,
  airplane: 1000,
  helicopter: 400,
  rocket: 8 * 60 * 60
};
var arr = sortObject(list);
console.log(arr);

    var list = {
    "you": 100,
    "me": 75,
    "foo": 116,
    "bar": 15
};
var tmpList = {};
while (Object.keys(list).length) {
    var key = Object.keys(list).reduce((a, b) => list[a] > list[b] ? a : b);
    tmpList[key] = list[key];
    delete list[key];
}
list = tmpList;
console.log(list); // { foo: 116, you: 100, me: 75, bar: 15 }

TypeScript

Hàm sau sắp xếp đối tượng theo giá trị hoặc thuộc tính của giá trị. Nếu bạn không sử dụng TypeScript, bạn có thể xóa thông tin loại để chuyển đổi nó thành JavaScript.

/**
 * Represents an associative array of a same type.
 */
interface Dictionary<T> {
  [key: string]: T;
}

/**
 * Sorts an object (dictionary) by value or property of value and returns
 * the sorted result as a Map object to preserve the sort order.
 */
function sort<TValue>(
  obj: Dictionary<TValue>,
  valSelector: (val: TValue) => number | string,
) {
  const sortedEntries = Object.entries(obj)
    .sort((a, b) =>
      valSelector(a[1]) > valSelector(b[1]) ? 1 :
      valSelector(a[1]) < valSelector(b[1]) ? -1 : 0);
  return new Map(sortedEntries);
}

Sử dụng

var list = {
  "one": { height: 100, weight: 15 },
  "two": { height: 75, weight: 12 },
  "three": { height: 116, weight: 9 },
  "four": { height: 15, weight: 10 },
};

var sortedMap = sort(list, val => val.height);

Thứ tự các khóa trong một đối tượng JavaScript không được đảm bảo, vì vậy tôi sắp xếp và trả về kết quả dưới dạng một Mapđối tượng duy trì thứ tự sắp xếp.

Nếu bạn muốn chuyển đổi nó trở lại Object, bạn có thể làm điều này:

var sortedObj = {} as any;
sortedMap.forEach((v,k) => { sortedObj[k] = v });

đầu vào là đối tượng, đầu ra là đối tượng, sử dụng lib lodash & js tích hợp, với tùy chọn giảm dần hoặc tăng dần và không làm thay đổi đối tượng đầu vào

ví dụ đầu vào và đầu ra

{
  "a": 1,
  "b": 4,
  "c": 0,
  "d": 2
}
{
  "b": 4,
  "d": 2,
  "a": 1,
  "c": 0
}

Việc thực hiện

const _ = require('lodash');

const o = { a: 1, b: 4, c: 0, d: 2 };


function sortByValue(object, descending = true) {
  const { max, min } = Math;
  const selector = descending ? max : min;

  const objects = [];
  const cloned = _.clone(object);

  while (!_.isEmpty(cloned)) {
    const selectedValue = selector(...Object.values(cloned));
    const [key, value] = Object.entries(cloned).find(([, value]) => value === selectedValue);

    objects.push({ [key]: value });
    delete cloned[key];
  }

  return _.merge(...objects);
}

const o2 = sortByValue(o);
console.log(JSON.stringify(o2, null, 2));

const arrayOfObjects = [
{name: 'test'},
{name: 'test2'}
]

const order = ['test2', 'test']

const setOrder = (arrayOfObjects, order) =>
    arrayOfObjects.sort((a, b) => {
        if (order.findIndex((i) => i === a.name) < order.findIndex((i) => i === b.name)) {
            return -1;
        }

        if (order.findIndex((i) => i === a.name) > order.findIndex((i) => i === b.name)) {
            return 1;
        }

        return 0;
    });

giải pháp của tôi với sắp xếp:

let list = {
    "you": 100, 
    "me": 75, 
    "foo": 116, 
    "bar": 15
};

let sorted = Object.entries(list).sort((a,b) => a[1] - b[1]);

for(let element of sorted) {
    console.log(element[0]+ ": " + element[1]);
}

<pre>
function sortObjectByVal(obj){  
var keysSorted = Object.keys(obj).sort(function(a,b){return obj[b]-obj[a]});
var newObj = {};
for(var x of keysSorted){
    newObj[x] = obj[x];
}
return newObj;

}
var list = {"you": 100, "me": 75, "foo": 116, "bar": 15};
console.log(sortObjectByVal(list));
</pre>

Một cách khác để giải quyết điều này: -

var res = [{"s1":5},{"s2":3},{"s3":8}].sort(function(obj1,obj2){ 
 var prop1;
 var prop2;
 for(prop in obj1) {
  prop1=prop;
 }
 for(prop in obj2) {
  prop2=prop;
 }
 //the above two for loops will iterate only once because we use it to find the key
 return obj1[prop1]-obj2[prop2];
});

// res sẽ có mảng kết quả

Cảm ơn bạn và tiếp tục trả lời @Nosredna

Bây giờ chúng ta hiểu đối tượng cần phải được chuyển đổi thành mảng sau đó sắp xếp mảng. điều này rất hữu ích để sắp xếp mảng (hoặc đối tượng được chuyển đổi thành mảng) theo chuỗi:

Object {6: Object, 7: Object, 8: Object, 9: Object, 10: Object, 11: Object, 12: Object}
   6: Object
   id: "6"
   name: "PhD"
   obe_service_type_id: "2"
   __proto__: Object
   7: Object
   id: "7"
   name: "BVC (BPTC)"
   obe_service_type_id: "2"
   __proto__: Object


    //Sort options
    var sortable = [];
    for (var vehicle in options)
    sortable.push([vehicle, options[vehicle]]);
    sortable.sort(function(a, b) {
        return a[1].name < b[1].name ? -1 : 1;
    });


    //sortable => prints  
[Array[2], Array[2], Array[2], Array[2], Array[2], Array[2], Array[2]]
    0: Array[2]
    0: "11"
    1: Object
        id: "11"
        name: "AS/A2"
        obe_service_type_id: "2"
        __proto__: Object
        length: 2
        __proto__: Array[0]
    1: Array[2]
    0: "7"
    1: Object
        id: "7"
        name: "BVC (BPTC)"
        obe_service_type_id: "2"
        __proto__: Object
        length: 2

Thử cái này. Ngay cả đối tượng của bạn không có tài sản dựa trên đó bạn đang cố gắng sắp xếp cũng sẽ bị xử lý.

Chỉ cần gọi nó bằng cách gửi tài sản với đối tượng.

var sortObjectByProperty = function(property,object){

    console.time("Sorting");
    var  sortedList      = [];
         emptyProperty   = [];
         tempObject      = [];
         nullProperty    = [];
    $.each(object,function(index,entry){
        if(entry.hasOwnProperty(property)){
            var propertyValue = entry[property];
            if(propertyValue!="" && propertyValue!=null){
              sortedList.push({key:propertyValue.toLowerCase().trim(),value:entry});  
            }else{
                emptyProperty.push(entry);
           }
        }else{
            nullProperty.push(entry);
        }
    });

      sortedList.sort(function(a,b){
           return a.key < b.key ? -1 : 1;
         //return a.key < b.key?-1:1;   // Asc 
         //return a.key < b.key?1:-1;  // Desc
      });


    $.each(sortedList,function(key,entry){
        tempObject[tempObject.length] = entry.value;
     });

    if(emptyProperty.length>0){
        tempObject.concat(emptyProperty);
    }
    if(nullProperty.length>0){
        tempObject.concat(nullProperty);
    }
    console.timeEnd("Sorting");
    return tempObject;
}