วิธีการหากุญแจของกัญชา?

ฉันรู้ใน javascript Objects เป็นสองเท่าของแฮช แต่ฉันไม่สามารถหาฟังก์ชั่นในตัวเพื่อรับกุญแจได้

var h = {a:'b',c:'d'};

ฉันต้องการบางสิ่งบางอย่าง

var k = h.keys() ; // k = ['a','c'];

มันง่ายที่จะเขียนฟังก์ชั่นของตัวเองเพื่อวนซ้ำไอเท็มและเพิ่มคีย์ไปยังอาเรย์ที่ฉันกลับมา แต่มีวิธีทำความสะอาดมาตรฐานที่จะทำเช่นนั้นหรือไม่?

ฉันรู้สึกว่ามันคงเป็นฟังก์ชั่นที่เรียบง่ายที่ฉันพลาดไป แต่ฉันหามันไม่เจอ!

มีฟังก์ชั่นใน JavaScript ที่ทันสมัย ​​(ECMAScript 5) ที่เรียกว่าObject.keysการดำเนินการนี้:

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

รายละเอียดการทำงานร่วมกันสามารถพบได้ที่นี่

บนไซต์ Mozillaยังมีตัวอย่างข้อมูลสำหรับความเข้ากันได้แบบย้อนหลัง:

if(!Object.keys) Object.keys = function(o){
   if (o !== Object(o))
      throw new TypeError('Object.keys called on non-object');
   var ret=[],p;
   for(p in o) if(Object.prototype.hasOwnProperty.call(o,p)) ret.push(p);
   return ret;
}

สำหรับรหัสการผลิตที่ต้องการความเข้ากันได้กับเบราว์เซอร์ไคลเอนต์ฉันยังแนะนำคำตอบของ Ivan Nevostruev ด้านบนด้วย shim เพื่อให้แน่ใจObject.keysในเบราว์เซอร์รุ่นเก่า อย่างไรก็ตามเป็นไปได้ที่จะได้รับฟังก์ชั่นที่ต้องการโดยใช้ ECMA ใหม่definePropertyคุณสมบัติ

ในฐานะของ ECMAScript 5 - Object.defineProperty

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

Object.defineProperty(Object.prototype, 'keys', {
  value: function keys() {
    var keys = [];
    for(var i in this) if (this.hasOwnProperty(i)) {
      keys.push(i);
    }
    return keys;
  },
  enumerable: false
});

var o = {
    'a': 1,
    'b': 2
}

for (var k in o) {
    console.log(k, o[k])
}

console.log(o.keys())

# OUTPUT
# > a 1
# > b 2
# > ["a", "b"]

อย่างไรก็ตามเนื่องจาก ECMA5 เพิ่มแล้วObject.keysคุณอาจใช้เช่นกัน:

Object.defineProperty(Object.prototype, 'keys', {
  value: function keys() {
    return Object.keys(this);
  },
  enumerable: false
});

คำตอบเดิม

Object.prototype.keys = function ()
{
  var keys = [];
  for(var i in this) if (this.hasOwnProperty(i))
  {
    keys.push(i);
  }
  return keys;
}

แก้ไข:เนื่องจากคำตอบนี้ผ่านไประยะหนึ่งแล้วฉันจะไม่ไปแตะข้างบน ทุกคนที่อ่านสิ่งนี้ควรอ่านคำตอบของ Ivan Nevostruev ด้านล่าง

มีวิธีการทำหน้าที่เป็นต้นแบบที่ไม่นับที่นำไปสู่พวกเขามักจะเปิดขึ้นใน-Fi hasOwnPropertyในลูปไม่มีที่ไม่ได้ใช้เป็น ฉันยังคิดว่าคำตอบนี้จะเหมาะถ้าการขยายต้นแบบของ Object ไม่ยุ่งเหยิง

คุณสามารถใช้ได้ Object.keys

Object.keys(h)

คุณสามารถใช้Underscore.jsซึ่งเป็นไลบรารียูทิลิตี้ Javascript

_.keys({one : 1, two : 2, three : 3}); 
// => ["one", "two", "three"]

นี่คือสิ่งที่ดีที่สุดที่คุณสามารถทำได้เท่าที่ฉันรู้ ...

var keys = [];
for (var k in h)keys.push(k);

ใช้jQueryคุณจะได้รับกุญแจเช่นนี้:

var bobject =  {primary:"red",bg:"maroon",hilite:"green"};
var keys = [];
$.each(bobject, function(key,val){ keys.push(key); });
console.log(keys); // ["primary", "bg", "hilite"]

หรือ:

var bobject =  {primary:"red",bg:"maroon",hilite:"green"};
$.map(bobject, function(v,k){return k;});

ขอบคุณ @pimlottc

ฉันเชื่อว่าคุณสามารถวนลูปผ่านคุณสมบัติของวัตถุที่ใช้สำหรับ / ในดังนั้นคุณสามารถทำสิ่งนี้:

function getKeys(h) {
  Array keys = new Array();
  for (var key in h)
    keys.push(key);
  return keys;
}

ฉันต้องการใช้คำตอบที่ได้รับคะแนนสูงสุดด้านบน

Object.prototype.keys = function () ...

อย่างไรก็ตามเมื่อใช้ร่วมกับ Google Maps API v3, Google Maps นั้นไม่สามารถใช้งานได้

for (var key in h) ...

ทำได้ดี.

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

this.getKeys = function() {

var keys = new Array();
for(var key in this) {

    if( typeof this[key] !== 'function') {

        keys.push(key);
    }
}
return keys;

}

นี่เป็นส่วนหนึ่งของการใช้งาน HashMap ของฉันและฉันต้องการเฉพาะกุญแจเท่านั้นthisคือวัตถุ hashmap ที่มีปุ่ม