รับชื่อคุณสมบัติของวัตถุ

ฉันสงสัยว่ามีวิธีใดบ้างใน JavaScript ที่จะวนซ้ำวัตถุอย่างนั้น

for(var i in myObject) {
    // ...
}

แต่รับชื่อของแต่ละคุณสมบัติเช่นนี้

for(var i in myObject) {
    separateObj[myObject[i].name] = myObject[i];
}

ฉันดูเหมือนจะไม่พบสิ่งใดบน Google พวกเขาบอกว่าจะส่งชื่อตัวแปรกับพวกเขา แต่นี่ไม่ใช่ตัวเลือกสำหรับสิ่งที่ฉันพยายามบรรลุ

ขอบคุณสำหรับความช่วยเหลือใด ๆ ที่คุณสามารถนำเสนอ

ใช้Object.keys ():

var myObject = { a: 'c', b: 'a', c: 'b' };
var keyNames = Object.keys(myObject);
console.log(keyNames); // Outputs ["a","b","c"]

Object.keys() ให้อาร์เรย์ของชื่อคุณสมบัติที่เป็นของวัตถุอินพุต

i คือชื่อ

for(var name in obj) {
    alert(name);
    var value = obj[name];
    alert(value);
}

ดังนั้นคุณสามารถทำได้:

seperateObj[i] = myObject[i];

คำแถลงปฏิเสธความรับผิดชอบ ฉันเข้าใจผิดคำถามที่ว่า: "ฉันสามารถรู้ชื่ออสังหาริมทรัพย์ที่มีการแนบวัตถุ" แต่เลือกที่จะออกคำตอบเพราะบางคนอาจจบลงที่นี่ในขณะที่ค้นหา

ไม่วัตถุสามารถเชื่อมต่อกับคุณสมบัติหลาย ๆ อย่างได้ดังนั้นจึงไม่มีทางรู้ชื่อได้

var obj = {a:1};
var a = {x: obj, y: obj}

ชื่อของ obj คืออะไร?

แน่ใจหรือไม่ว่าคุณไม่ต้องการชื่อคุณสมบัติจาก for for loop

for (var propName in obj) {
  console.log("Iterating through prop with name", propName, " its value is ", obj[propName])
}

คุณสามารถทำซ้ำในวัตถุได้อย่างง่ายดาย

เช่น: ถ้าวัตถุคือ var a = {a: 'apple', b: 'ball', c: 'cat', d: 'doll', e: 'elephant'};

Object.keys(a).forEach(key => {
   console.log(key) // returns the keys in an object
   console.log(a[key])  // returns the appropriate value 
})

สำหรับการเข้าถึงคุณสมบัติวัตถุโดยตรงตามตำแหน่ง ... โดยทั่วไปจะเป็นประโยชน์สำหรับคุณสมบัติ [0] ... ดังนั้นจึงเก็บข้อมูลเกี่ยวกับสิ่งต่อไป ... หรือใน node.js 'require.cache [0]' สำหรับโมดูลภายนอกที่โหลดครั้งแรก ฯลฯ

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

นอกเหนือจาก "Object.keys (obj)" เรามีง่ายมาก "สำหรับ ... ใน" ลูป - ซึ่งวนรอบชื่อคุณสมบัติของวัตถุที่นับได้

const obj = {"fName":"John","lName":"Doe"};

for (const key in obj) {
    //This will give key
      console.log(key);
    //This will give value
    console.log(obj[key]);
    
}

ในการรับคุณสมบัติของวัตถุหรือ "คีย์อาร์เรย์" หรือ "ดัชนีอาร์เรย์" ขึ้นอยู่กับว่าคุณใช้ภาษาพื้นเมืองของคุณคืออะไร ..... ใช้เมธอด Object.keys ()

สำคัญสิ่งนี้ใช้ได้เฉพาะกับ "เบราว์เซอร์สมัยใหม่" เท่านั้น:

ดังนั้นถ้าวัตถุของคุณถูกเรียก myObject ...

var c = 0;
for(c in myObject) {
    console.log(Object.keys(myObject[c]));
}

วาล! สิ่งนี้จะทำงานใน firefox ล่าสุดและ ie11 และ chrome ...

นี่คือเอกสารบางส่วนที่ MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

ใน ES5

EG คุณมีวัตถุประเภทนี้:

var ELEMENTS = {
    STEP_ELEMENT: { ID: "0", imageName: "el_0.png" },
    GREEN_ELEMENT: { ID: "1", imageName: "el_1.png" },
    BLUE_ELEMENT: { ID: "2", imageName: "el_2.png" },
    ORANGE_ELEMENT: { ID: "3", imageName: "el_3.png" },
    PURPLE_ELEMENT: { ID: "4", imageName: "el_4.png" },
    YELLOW_ELEMENT: { ID: "5", imageName: "el_5.png" }
};

และตอนนี้ถ้าคุณต้องการมีฟังก์ชั่นที่ถ้าคุณผ่าน '0' เป็นพารามิเตอร์ - รับ 'STEP_ELEMENT' ถ้า '2' เพื่อรับ 'BLUE_ELEMENT' และอื่น ๆ

function(elementId) {
    var element = null;

    Object.keys(ELEMENTS).forEach(function(key) {
        if(ELEMENTS[key].ID === elementId.toString()){
            element = key;
            return;
        }    
    });

    return element;
}

นี่อาจไม่ใช่วิธีที่ดีที่สุดในการแก้ไขปัญหา แต่เป็นวิธีที่ดีที่จะให้แนวคิดแก่คุณในการทำเช่นนั้น

ไชโย

ตั้งแต่ปี 2018 คุณสามารถใช้ประโยชน์ได้Object.getOwnPropertyNames()ตามที่อธิบายไว้ในDeveloper Mozilla Documentation

const object1 = {
  a: 1,
  b: 2,
  c: 3
};

console.log(Object.getOwnPropertyNames(object1));
// expected output: Array ["a", "b", "c"]

เมื่อคุณทำเพื่อ / ในลูปที่คุณวางก่อนฉันเป็นชื่อคุณสมบัติ ดังนั้นคุณมีชื่อคุณสมบัติ i และเข้าถึงค่าโดยทำ myObject [i]

โซลูชั่นเหล่านี้ก็ทำงานเช่นกัน

// Solution One
function removeProperty(obj, prop) {
  var bool;
  var keys = Object.keys(obj);
  for (var i = 0; i < keys.length; i++) {
    if (keys[i] === prop) {
      delete obj[prop];
      bool = true;
    } 
  }
  return Boolean(bool);
}


//Solution two
function removeProperty(obj, prop) {
  var bool;
  if (obj.hasOwnProperty(prop)) {
      bool = true;
      delete obj[prop];
  }
  return Boolean(bool);
}

การใช้Object.keys()ฟังก์ชันสำหรับรับคุณสมบัติจากObjectและสามารถช่วยค้นหาคุณสมบัติตามชื่อตัวอย่างเช่น

const Products = function(){
    this.Product = "Product A";
    this.Price = 9.99;
    this.Quantity = 112;
};

// Simple find function case insensitive
let findPropByName = function(data, propertyName){
 let props = [];
 Object.keys(data).forEach(element => {
    return props.push(element.toLowerCase());
  });
  console.log(props);
  let i = props.indexOf(propertyName.toLowerCase());

  if(i > -1){
    return props[i];
  }
  return false;
};

// calling the function
let products = new Products();
console.log(findPropByName(products, 'quantity'));

รวดเร็วและสกปรก:

function getObjName(obj) {
  return (wrap={obj}) && eval('for(p in obj){p}') && (wrap=null);
}