Truy cập thuộc tính Đối tượng không phải số theo chỉ mục?

Nếu tôi có một mảng như thế này:

var arr = ['one','two','three'];

Tôi có thể truy cập các phần khác nhau bằng cách thực hiện điều này:

console.log(arr[1]);

Làm thế nào tôi có thể truy cập các thuộc tính đối tượng theo thứ tự của chúng thay vì theo khóa?

Thí dụ:

var obj = {
    'something' : 'awesome',
    'evenmore'  : 'crazy'
},
jbo = {
    'evenmore'  : 'crazy',
    'something' : 'awesome'
};

Làm cách nào để lấy thuộc tính đầu tiên cho mỗi đối tượng– "something" từ objvà "thậm chí" từ jbo–mà không sử dụng tên thuộc tính một cách rõ ràng?

Bây giờ, một số bạn dường như nghĩ rằng tôi đang theo đuổi những thứ như:

console.log(obj['something']);

Đây không phải là trường hợp, tôi đặc biệt đang tìm cách nhắm mục tiêu chỉ mục, giống như ví dụ đầu tiên - nếu có thể.

"Tôi đặc biệt đang tìm cách nhắm mục tiêu chỉ mục, giống như ví dụ đầu tiên - nếu có thể."

Không, không thể.

Cách gần nhất bạn có thể nhận được là lấy một Mảng các khóa của đối tượng và sử dụng:

var keys = Object.keys( obj );

... nhưng không có gì đảm bảo rằng các chìa khóa sẽ được trả lại theo thứ tự bạn đã xác định. Vì vậy, nó có thể trông giống như:

keys[ 0 ];  // 'evenmore'
keys[ 1 ];  // 'something'

Cách duy nhất tôi có thể nghĩ để làm điều này là tạo một phương thức cung cấp cho bạn thuộc tính bằng cách sử dụng Object.keys();.

var obj = {
    dog: "woof",
    cat: "meow",
    key: function(n) {
        return this[Object.keys(this)[n]];
    }
};
obj.key(1); // "meow"

Demo: http://jsfiddle.net/UmkVn/

Có thể mở rộng điều này cho tất cả các đối tượng sử dụng Object.prototype;nhưng điều đó thường không được khuyến khích.

Thay vào đó, hãy sử dụng một trình trợ giúp chức năng:

var object = {
  key: function(n) {
    return this[ Object.keys(this)[n] ];
  }
};

function key(obj, idx) {
  return object.key.call(obj, idx);
}

key({ a: 6 }, 0); // 6

Bạn có thể sử dụng Object.values()phương pháp này nếu bạn không muốn sử dụng Object.keys().

Trái ngược với Object.keys()phương thức trả về một mảng các thuộc tính có thể liệt kê của một đối tượng nhất định, ví dụ:

const object1 = {
 a: 'somestring',
 b: 42,
 c: false
};

console.log(Object.keys(object1));

Sẽ in ra mảng sau:

[ 'a', 'b', 'c' ]

Các Object.values()phương thức trả về một mảng tài sản đếm được riêng một đối tượng nhất định của values.

Vì vậy, nếu bạn có cùng một đối tượng nhưng thay vào đó sử dụng các giá trị,

const object1 = {
 a: 'somestring',
 b: 42,
 c: false
};

console.log(Object.values(object1));

Bạn sẽ nhận được mảng sau:

[ 'somestring', 42, false ]

Vì vậy, nếu bạn muốn truy cập object1.b, nhưng sử dụng chỉ mục thay thế, bạn có thể sử dụng:

Object.values(object1)[1] === 42

Bạn có thể đọc thêm về phương pháp này tại đây .

var obj = {
    'key1':'value',
    '2':'value',
    'key 1':'value'
}

console.log(obj.key1)
console.log(obj['key1'])
console.log(obj['2'])
console.log(obj['key 1'])

// will not work
console.log(obj.2)

Biên tập:

"Tôi đặc biệt đang tìm cách nhắm mục tiêu chỉ mục, giống như ví dụ đầu tiên - nếu có thể."

Trên thực tế, 'chỉ số' là chìa khóa. Nếu bạn muốn lưu trữ vị trí của một khóa, bạn cần tạo một đối tượng tùy chỉnh để xử lý việc này.

bằng jquery bạn có thể làm điều này:

var arr = $.map(obj,function(value, key) {
    return value;
});
alert(obj[0]);

Lấy dãy phím, đảo ngược nó, sau đó chạy vòng lặp của bạn

  var keys = Object.keys( obj ).reverse();
  for(var i = 0; i < keys.length; i++){
    var key = keys[i];
    var value = obj[key];
    //do stuff backwards
  }

bạn có thể tạo một mảng chứa đầy các trường đối tượng của mình và sử dụng một chỉ mục trên mảng và truy cập các thuộc tính đối tượng thông qua đó

propertiesName:['pr1','pr2','pr3']

this.myObject[this.propertiesName[0]]

Tôi đã tiếp tục và tạo một chức năng cho bạn:

 Object.prototype.getValueByIndex = function (index) {
     /*
         Object.getOwnPropertyNames() takes in a parameter of the object, 
         and returns an array of all the properties.
         In this case it would return: ["something","evenmore"].
         So, this[Object.getOwnPropertyNames(this)[index]]; is really just the same thing as:
         this[propertyName]
    */
    return this[Object.getOwnPropertyNames(this)[index]];
};

let obj = {
    'something' : 'awesome',
    'evenmore'  : 'crazy'
};

console.log(obj.getValueByIndex(0)); // Expected output: "awesome"

Nếu bạn không chắc Object.keys () sẽ trả lại cho bạn các khóa theo đúng thứ tự, bạn có thể thử logic này để thay thế

var keys = []
var obj = {
    'key1' : 'value1',
    'key2' : 'value2',
    'key3' : 'value3',
}
for (var key in obj){
    keys.push(key)
}
console.log(obj[keys[1]])
console.log(obj[keys[2]])
console.log(obj[keys[3]])