코드/JS

[JS]Object.key(obj)

Yeah-Panda 2016. 6. 9. 15:07

Ojbect.keys()

출처 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

Syntax

Object.keys(obj)

Object.keys 함수는 매개변수로 받은 Object 의 속성인덱스를 요소로 하는 배열을 반환한다.
실제 for ... in 반복문에서 prop 속성을 구하는 것과 같다. 차이점이라면 for ... in 루프는 프로토타입 체인까지 검색한다는데 있다.
어엣건 얘도 ecma5 스펙이라 익스 9이하는 지원하지 않는다. 하지만 babel 이 있지 않는가.. 맘껏 쓰자.


예시
var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr)); // console: ['0', '1', '2']

// array like object
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

// array like object with random key ordering
var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(an_obj)); // console: ['2', '7', '100']



react jsx 에서 응용한 형태
    onSubmit: function(ev)
    {
        ev.preventDefault();
        alert('Form submitted. firstName : '+this.state.form.firstName+', lastName : '+this.state.form.lastName);
    },
    render: function()
    {
        var self = this;
        return(
            
{ Object.keys(this.state.form).map(function(key) { return ( ) }) } ); }

'코드 > JS' 카테고리의 다른 글

[Jest] 'describe' is not defined no-undef error  (0) 2019.07.05
[JS]document.referrer  (0) 2016.06.14
[js]Mustache template  (0) 2016.02.27
[js]무한 스크롤  (0) 2016.02.24
[JS] 익스플로러 버전 알기  (0) 2015.09.12