[JQUERY] 키 / 값 자바 스크립트 객체의 키를 얻을 수있는 가장 좋은 방법

키 / 값 자바 스크립트 객체의 키를 얻을 수있는 가장 좋은 방법

해결법

1. ---

   1.모든 키를 얻고 싶은 경우에, ECMAScript를 5 Object.keys을 소개했다. 이것은 단지 새로운 브라우저에서 지원되지만 MDC 설명서는 (또한 BTW에 대한 ... 사용) 대체 구현을 제공합니다 :

   모든 키를 얻고 싶은 경우에, ECMAScript를 5 Object.keys을 소개했다. 이것은 단지 새로운 브라우저에서 지원되지만 MDC 설명서는 (또한 BTW에 대한 ... 사용) 대체 구현을 제공합니다 :

   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;
   }
   

   물론 당신의 유일한 합리적인 솔루션에 대한 ... 다음 모두 키와 값을 원하는 경우.

2. ---

   2.당신은 for 루프와 객체의 내부 반복 할 것입니다 :

   당신은 for 루프와 객체의 내부 반복 할 것입니다 :

   for(var i in foo){
     alert(i); // alerts key
     alert(foo[i]); //alerts key's value
   }
   

   또는

   Object.keys(foo)
     .forEach(function eachKey(key) { 
       alert(key); // alerts key 
       alert(foo[key]); // alerts value
     });
   

3. ---

   3.개별적 같이 반복하지 않고 각 키에 액세스 할 수 있습니다 :

   개별적 같이 반복하지 않고 각 키에 액세스 할 수 있습니다 :

   var obj = { first: 'someVal', second: 'otherVal' };
   alert(Object.keys(obj)[0]); // returns first
   alert(Object.keys(obj)[1]); // returns second
   

4. ---

   4.개체를 감안할 때 :

   개체를 감안할 때 :

   var foo = { 'bar' : 'baz' }
   

   바, 사용을 얻으려면 :

   Object.keys(foo)[0]
   

   바즈 사용을 얻으려면 :

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

   하나의 객체를 가정

5. ---

   5.당신을 위해 하나 라이너 :

   당신을 위해 하나 라이너 :

   const OBJECT = {
       'key1': 'value1',
       'key2': 'value2',
       'key3': 'value3',
       'key4': 'value4'
   };
   
   const value = 'value2';
   
   const key = Object.keys(OBJECT)[Object.values(OBJECT).indexOf(value)];
   
   window.console.log(key); // = key2
   

6. ---

   6.이것은 가장 간단하고 쉬운 방법입니다. 이것은 우리가이 작업을 수행하는 방법이다.

   이것은 가장 간단하고 쉬운 방법입니다. 이것은 우리가이 작업을 수행하는 방법이다.

   VAR OBJ = { '바': '바즈'} VAR 키 = Object.keys (OBJ) [0]; VAR 값 = OBJ [키]; 을 console.log ( "키 ="키) // 바 CONSOLE.LOG ( "값 ="값) // 바즈 Object.keys ()는 개체 사용시 키 배열을 반환 자바 방법이다.

   Object.keys(obj) // ['bar']
   

   이제 개체에 대한 반복 할 수 및 below- 같은 값에 액세스 할 수 있습니다

   Object.keys(obj).forEach( function(key) {
     console.log(obj[key]) // baz
   })
   

7. ---

   7.

   // iterate through key-value gracefully
   const obj = { a: 5, b: 7, c: 9 };
   for (const [key, value] of Object.entries(obj)) {
     console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
   }
   

   MDN을 참조하십시오

8. ---

   8.저도 같은 문제가되었고,이 일 것입니다

   저도 같은 문제가되었고,이 일 것입니다

   //example of an Object
   var person = {
       firstName:"John",
       lastName:"Doe",
       age:50,
       eyeColor:"blue"
   };
   
   //How to access a single key or value
   var key = Object.keys(person)[0];
   var value = person.firstName;
   

9. ---

   9.나는 (foo는에서 VAR 키)에 비해 아무것도 표시되지 않습니다.

   나는 (foo는에서 VAR 키)에 비해 아무것도 표시되지 않습니다.

10. ---

    10.가장 쉬운 방법은 사용 Underscore.js이다 :

    가장 쉬운 방법은 사용 Underscore.js이다 :

    예, 당신은 여분의 라이브러리를 필요로하지만, 너무 쉽게!

11. ---

    11.용 이외의 방법이 없습니다. 당신이 (이 각 반복에? 시험 hasOwnProperty를 가지고 소폭 비효율적이기 때문에 parhaps) 다음 다른 구조를 사용하여, 예를 들어, 그것을 사용하지 않으려면 KVP의 배열 :

    용 이외의 방법이 없습니다. 당신이 (이 각 반복에? 시험 hasOwnProperty를 가지고 소폭 비효율적이기 때문에 parhaps) 다음 다른 구조를 사용하여, 예를 들어, 그것을 사용하지 않으려면 KVP의 배열 :

    [{ key: 'key', value: 'value'}, ...]
    

12. ---

    12.당신이 $ .each ()를 언급 한 이후, 여기 jQuery를 1.6에서 작동 할 수있는 편리한 방법입니다 :

    당신이 $ .each ()를 언급 한 이후, 여기 jQuery를 1.6에서 작동 할 수있는 편리한 방법입니다 :

    var foo = { key1: 'bar', key2: 'baz' };
    
    // keys will be: ['key1', 'key2']
    var keys = $.map(foo, function(item, key) {
      return key;
    });
    

13. ---

    13.자바 스크립트 객체 또는지도에서 키를 액세스하기위한 각 루프에 사용

    자바 스크립트 객체 또는지도에서 키를 액세스하기위한 각 루프에 사용

    for(key in foo){
       console.log(key);//for key name in your case it will be bar
       console.log(foo[key]);// for key value in your case it will be baz
    }
    

    참고 : 당신은 또한 사용할 수 있습니다

    그것은 다음과 같이 당신을 줄 것이다 산출:

    [바];

14. ---

    14.Object.keys () Object.keys () 메소드에 의해 제공되는 것과 동일한 순서로, 지정된 객체 자체 열거 특성의 배열을 반환 용 루프 (차이가 존재하는 프로토 타입 체인 등의 루프를 열거 대한 인 성질 잘).

    Object.keys () Object.keys () 메소드에 의해 제공되는 것과 동일한 순서로, 지정된 객체 자체 열거 특성의 배열을 반환 용 루프 (차이가 존재하는 프로토 타입 체인 등의 루프를 열거 대한 인 성질 잘).

    var arr1 = Object.keys(obj);
    

    Object.values ​​() Object.values ​​() 메소드에 의해 제공되는 것과 동일한 순서로, 지정된 객체 자체 열거 속성 값의 배열을 반환 용 루프 (차이가 존재하는 프로토 타입 체인에 루프를 열거 대한 인 성질 게다가).

    var arr2 = Object.values(obj);
    

    자세한 내용은 여기하시기 바랍니다

15. ---

    15., 도서관 구조입니다 .each 잘 $ 반면에 ... 더해야 기본 JS입니다에

    , 도서관 구조입니다 .each 잘 $ 반면에 ... 더해야 기본 JS입니다에

16. ---

    16.당신은 같은 키를 얻을 수 Object.keys 기능을 사용할 수 있습니다 :

    당신은 같은 키를 얻을 수 Object.keys 기능을 사용할 수 있습니다 :

    const tempObjects={foo:"bar"}
    
    Object.keys(tempObjects).forEach(obj=>{
       console.log("Key->"+obj+ "value->"+tempObjects[obj]);
    });
    

17. ---

    17.문자열로 표시하기위한, 간단하게 사용

    문자열로 표시하기위한, 간단하게 사용

    console.log("they are: " + JSON.stringify(foo));
    

18. ---

    18.가장 좋은 방법은 개체의 키 / 값을 얻을 수 있습니다.

    가장 좋은 방법은 개체의 키 / 값을 얻을 수 있습니다.

    {= OBJ하자 '키 1': '값 1', '키 2': '값 2', 'KEY3': 'VALUE3' 'KEY4': 'VALUE4' } Object.keys (OBJ) .MAP (함수 (k)는 { CONSOLE.LOG ( "키 값"+ K + "="+ OBJ [K]) })

from https://stackoverflow.com/questions/6268679/best-way-to-get-the-key-of-a-key-value-javascript-object by cc-by-sa and MIT license