> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 개체의 속성을 나열하는 JavaScript 프로그램을 작성하세요.

JavaScript 개체의 속성을 나열하는 JavaScript 프로그램을 작성하세요.

藏色散人
풀어 주다: 2021-08-09 15:06:27
원래의
2843명이 탐색했습니다.

이전 글 "js를 이용해 빠르게 삼각형의 넓이 구하기"에서 자바스크립트를 활용해 삼각형의 넓이 구하는 방법을 소개해 드렸는데요, 관심 있는 친구들은 한 번 봐보세요~ 오늘 이 글은 JavaScript 프로그램을 작성하는 방법을 소개합니다. JavaScript 개체의 속성을 나열합니다.

JavaScript 개체의 속성을 나열하는 방법을 자세히 소개하겠습니다.

먼저 HTML 샘플 파일을 만들고

그런 다음 코드를 직접 입력합니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    function _keys(obj)
    {
        if (!isObject(obj)) return [];
        if (Object.keys) return Object.keys(obj);
        var keys = [];
        for (var key in obj) if (_.has(obj, key)) keys.push(key);
        return keys;
    }
    function isObject(obj)
    {
        var type = typeof obj;
        return type === &#39;function&#39; || type === &#39;object&#39; && !!obj;
    }
    console.log(_keys({red: "#FF0000", green: "#00FF00", white: "#FFFFFF"}));

</script>
</body>
</html>
로그인 후 복사

결과는 다음과 같습니다.

["red","green","white"]
로그인 후 복사

위 코드에서 함수 메서드를 이해해야 합니다.

1. Object.keys() 메서드는 주어진 개체의 열거 가능한 속성으로 구성된 배열과 일반 속성 이름의 순서를 반환합니다. 객체를 반복적으로 탐색합니다. 반환된 순서는 일관됩니다. 구문은 "Object.keys(obj)"이며, 매개변수 obj는 반환될 열거된 속성이 있는 객체를 나타냅니다. 반환 값은 주어진 객체의 열거 가능한 모든 키를 나타내는 열거 가능한 값입니다. 속성의 문자열 배열입니다. Object.keys(obj)”,参数obj表示要返回其枚举自身属性的对象;返回值是一个表示给定对象的所有可枚举属性的字符串数组。

2、push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度;语法是“arrayObject.push(newelement1,newelement2,....,newelementX)

2. push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환할 수 있습니다. 구문은 "arrayObject.push(newelement1,newelement2,...,newelementX)<입니다. /code >"; 반환 값은 지정된 값을 배열에 추가한 후의 새 길이입니다.


매개변수는 다음과 같이 표현됩니다.

newelement1,要添加到数组的第一个元素。
newelement2,要添加到数组的第二个元素。
newelementX,可添加多个元素。
로그인 후 복사
push() 메소드는 해당 매개변수를 arrayObject의 끝에 순서대로 추가할 수 있습니다. 새 배열을 만드는 대신 arrayObject를 직접 수정합니다. push() 메서드와 pop() 메서드는 배열에서 제공하는 first-in-last-pop 기능을 사용합니다.

참고: JavaScript는 브라우저 콘솔에 console.log()를 작성하여 데이터를 "표시"할 수 있습니다.

마지막으로 "JavaScript Basics Tutorial

"을 여러분께 추천드리고 싶습니다~ 여러분의 학습을 환영합니다~🎜

위 내용은 JavaScript 개체의 속성을 나열하는 JavaScript 프로그램을 작성하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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