รับดัชนีแรกของวัตถุ

พิจารณา:

var object = {
  foo: {},
  bar: {},
  baz: {}
}

ฉันจะทำสิ่งนี้อย่างไร:

var first = object[0];
console.log(first);

เห็นได้ชัดว่าไม่ได้เพราะดัชนีแรกเป็นชื่อไม่ได้foo0

console.log(object['foo']);

ใช้งานได้ แต่ฉันไม่รู้ว่าชื่อฟู มันสามารถตั้งชื่ออะไรก็ได้ ฉันแค่ต้องการแรก

หากลำดับของวัตถุมีความสำคัญคุณควรแก้ไข JSON schema ของคุณเพื่อจัดเก็บวัตถุในอาร์เรย์:

[
    {"name":"foo", ...},
    {"name":"bar", ...},
    {"name":"baz", ...}
]

หรืออาจจะ:

[
    ["foo", {}],
    ["bar", {}],
    ["baz", {}]
]

เมื่อ Ben Alpert ชี้ให้เห็นว่าคุณสมบัติของวัตถุ Javascript ไม่มีการเรียงลำดับและรหัสของคุณจะเสียหายหากคุณคาดว่าวัตถุเหล่านั้นจะแจกแจงตามลำดับเดียวกับที่ระบุไว้ในตัวอักษรของวัตถุ - ไม่มีคุณสมบัติ "แรก"

เพื่อความสนุกนี่ใช้งานได้ใน JS 1.8.5

var obj = {a: 1, b: 2, c: 3};
Object.keys(obj)[0]; // "a"

คำสั่งนี้ตรงกับลำดับเดียวกันกับที่คุณเห็น

for (o in obj) { ... }

หากคุณต้องการสิ่งที่กระชับลอง:

for (first in obj) break;

alert(first);

ห่อเป็นฟังก์ชั่น:

function first(obj) {
    for (var a in obj) return a;
}

พวกเขาไม่ได้สั่งจริงๆแต่คุณสามารถทำได้:

var first;
for (var i in obj) {
    if (obj.hasOwnProperty(i) && typeof(i) !== 'function') {
        first = obj[i];
        break;
    }
}

.hasOwnProperty()เป็นสิ่งสำคัญที่จะไม่สนใจวัตถุต้นแบบ

สิ่งนี้จะไม่ให้สิ่งแรกกับคุณเนื่องจากไม่มีการเรียงลำดับวัตถุจาวาสคริปต์ แต่ก็ใช้ได้ในบางกรณี

myObject[Object.keys(myObject)[0]]

สำหรับคีย์แรกของวัตถุที่คุณสามารถใช้ได้

console.log(Object.keys(object)[0]);//print key's name

สำหรับค่า

console.log(object[Object.keys(object)[0]]);//print key's value

ไม่มีวิธีที่จะได้รับองค์ประกอบแรกเนื่องจาก "hash" (วัตถุ) ใน JavaScript มีคุณสมบัติที่ไม่ได้เรียงลำดับ ทางออกที่ดีที่สุดของคุณคือการเก็บกุญแจไว้ในอาร์เรย์:

var keys = ["foo", "bar", "baz"];

จากนั้นใช้สิ่งนั้นเพื่อรับค่าที่เหมาะสม:

object[keys[0]]

ES6

const [first] = Object.keys(obj)

การใช้เครื่องหมายขีดล่างคุณสามารถใช้ _.pairs เพื่อรับรายการวัตถุแรกเป็นคู่ของค่าคีย์ดังนี้:

_.pairs(obj)[0]

จากนั้นคีย์จะพร้อมใช้งานด้วยตัว[0]ห้อยเพิ่มเติมค่าด้วย[1]

ฉันมีปัญหาเดียวกันเมื่อวานนี้ ฉันแก้ไขมันเช่นนี้

var obj = {
        foo:{},
        bar:{},
        baz:{}
    },
   first = null,
   key = null;
for (var key in obj) {
    first = obj[key];
    if(typeof(first) !== 'function') {
        break;
    }
}
// first is the first enumerated property, and key it's corresponding key.

ไม่ใช่โซลูชันที่สวยที่สุดและฉันค่อนข้างมั่นใจว่ามันอาจให้ผลลัพธ์ที่แตกต่างกันในเบราว์เซอร์ที่แตกต่างกัน (เช่นรายละเอียดบอกว่าไม่จำเป็นต้องระบุการแจงนับคุณสมบัติในลำดับเดียวกันตามที่กำหนด) อย่างไรก็ตามฉันมีเพียงคุณสมบัติเดียวในวัตถุของฉันดังนั้นจึงไม่ใช่ปัญหา ฉันแค่ต้องการกุญแจดอกแรก

คุณสามารถทำสิ่งนี้:

var object = {
    foo:{a:'first'},
    bar:{},
    baz:{}
}


function getAttributeByIndex(obj, index){
  var i = 0;
  for (var attr in obj){
    if (index === i){
      return obj[attr];
    }
    i++;
  }
  return null;
}


var first = getAttributeByIndex(object, 0); // returns the value of the
                                            // first (0 index) attribute
                                            // of the object ( {a:'first'} )

เพื่อรับคีย์แรกของวัตถุของคุณ

const myObject = {
   'foo1': { name: 'myNam1' },
   'foo2': { name: 'myNam2' }
}

const result = Object.keys(myObject)[0];

// result will return 'foo1'

ขึ้นอยู่กับCMS คำตอบ ฉันไม่ได้รับค่าโดยตรง แต่ฉันเอากุญแจไปที่ดัชนีและใช้สิ่งนี้เพื่อรับค่า:

Object.keyAt = function(obj, index) {
    var i = 0;
    for (var key in obj) {
        if ((index || 0) === i++) return key;
    }
};


var obj = {
    foo: '1st',
    bar: '2nd',
    baz: '3rd'
};

var key = Object.keyAt(obj, 1);
var val = obj[key];

console.log(key); // => 'bar'
console.log(val); // => '2nd'

ทางออกของฉัน:

Object.prototype.__index = function(index)
{
    var i = -1;
    for (var key in this)
    {
        if (this.hasOwnProperty(key) && typeof(this[key])!=='function')
            ++i;
        if (i >= index)
            return this[key];
    }
    return null;
}
aObj = {'jack':3, 'peter':4, '5':'col', 'kk':function(){alert('hell');}, 'till':'ding'};
alert(aObj.__index(4));