> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 객체를 배열로 변환하는 방법

자바스크립트에서 객체를 배열로 변환하는 방법

青灯夜游
풀어 주다: 2023-01-06 11:17:44
원래의
26630명이 탐색했습니다.

방법: 1. "Array.from(object)" 문을 사용합니다. 2. "Object.values(object)" 문을 사용합니다. 3. "Object.keys(object)" 문을 사용합니다. "Object.entries(object)" 문.

자바스크립트에서 객체를 배열로 변환하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript 객체를 array

1. Array.from() 메소드로, 배열의 얕은 복사본에 사용됩니다. 배열형 객체나 순회 가능한 객체를 실제 배열로 변환하는 것입니다.

eg:

 let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
        ‘length‘: 3
    } 
    let arr = Array.from(obj)
    console.log(arr);
로그인 후 복사

자바스크립트에서 객체를 배열로 변환하는 방법

tips: 1. 객체에는 길이 속성이 있어야 하며, 반환되는 배열의 길이는 길이에 따라 달라집니다
2. 키 값은 숫자 값이어야 합니다

2. .values(object)

팁: 첫 번째와 다른 점은 길이 속성이 필요하지 않으며 객체의 열거 가능한 모든 속성 값이 반환된다는 것입니다.

다음은 열거 가능성에 대한 간략한 설명입니다. 현재로서는 이 열거 가능성의 사용을 이해하지 못했습니다. 이는 아마도 개체의 각 속성에 속성의 동작을 설명하고 제어하는 ​​데 사용되는 설명 개체가 있다는 의미일 것입니다. 설명 개체(Object.defineProperty 메서드를 사용하여 설정)

이 열거성에 대해서는 앞으로 신중히 연구한 후 글을 쓰겠습니다!

eg:

let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
    }
    let arr = Object.values(obj)
    console.log(arr);
로그인 후 복사

자바스크립트에서 객체를 배열로 변환하는 방법3. Object.keys(object)

tips: 배열의 속성 이름 순서와 for의 사용으로 구성된 배열을 반환합니다. ..in 루프 객체를 순회할 때 반환되는 순서는 일관됩니다

let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
    }
    let arr = Object.keys(obj)
    console.log(arr);
로그인 후 복사

자바스크립트에서 객체를 배열로 변환하는 방법4. Object.entries(object)

tips: 주어진 객체 자체의 열거 가능한 속성의 키-값 쌍 배열을 반환합니다.

let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
    }
    let arr = Object.entries(obj)
    console.log(arr);
로그인 후 복사

【 관련 권장 사항: 자바스크립트에서 객체를 배열로 변환하는 방법javascript 학습 튜토리얼

위 내용은 자바스크립트에서 객체를 배열로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿