Рубрики

Как получить все значения свойств объекта JavaScript (не зная ключей)?

Метод 1: Использование Object.values () Метод: Метод Object.values () используется для возврата массива собственных значений перечисляемых свойств объекта. Массив можно зациклить, используя цикл for, чтобы получить все значения объекта. Поэтому ключи не обязательно должны быть известны, чтобы получить все значения свойств.

Синтаксис:

let valuesArray = Object.values(exampleObj);

  

for (let value of valuesArray) {

    console.log(value);

}

Пример:

<!DOCTYPE html>

<html>

<head>

  <title>

    How to get all properties

    values of a Javascript Object

    (without knowing the keys)?

  </title>

</head>

<body>

  <h1 style="color: green">

    GeeksforGeeks

  </h1>

  <b>

    How to get all properties

    values of a Javascript Object

    (without knowing the keys)?

  </b>

  <p>

    Click on the button to get all

    properties values.

  </p>

  <p>

    Check the console for the output

  </p>

  <button onclick="getValues()">

    Get Property Values

  </button>

  <script type="text/javascript">

    function getValues() {

      let exampleObj = {

        language: "C++",

        designedby: "Bjarne Stroustrup",

        year: "1979"

      };

  

      let valuesArray = Object.values(exampleObj);

  

      for (let value of valuesArray) {

        console.log(value);

      }

    }

  </script>

</body>

</html>

Выход:

  • Перед нажатием кнопки:
  • После нажатия на кнопку:

Метод 2: Извлечение ключей для доступа к свойствам: метод Object.keys () используется для возврата массива объектов с именами перечислимых свойств. Метод forEach () используется в этом массиве для доступа к каждому из ключей. К значению каждого свойства можно получить доступ, используя ключи с обозначением массива объекта.
Поэтому ключи не обязательно должны быть известны заранее, чтобы получить все значения свойств.

Синтаксис:

let objKeys = Object.keys(exampleObj);

  
objKeys.forEach(key => {

    let value = exampleObj[key];

  

    console.log(value);

});

Пример:

<!DOCTYPE html>

<html>

<head>

   <title>

    How to get all properties

    values of a Javascript Object

    (without knowing the keys)?

  </title>

</head>

<body>

  <h1 style="color: green">

    GeeksforGeeks

  </h1>

  <b>

    How to get all properties

    values of a Javascript Object

    (without knowing the keys)?

  </b>

  <p>

    Click on the button to get all

    properties values.

  </p>

  <p>

    Check the console for the output

  </p>

  <button onclick="getValues()">

    Get Property Values

  </button>

  <script type="text/javascript">

    function getValues() {

      let exampleObj = {

          language: "C++",

          designedby: "Bjarne Stroustrup",

          year: "1979"

        };

  

      let objKeys = Object.keys(exampleObj);

  

      objKeys.forEach(key => {

        let value = exampleObj[key];

  

        console.log(value);

      });

    }

  </script>

</body>

</html>

Выход:

  • Перед нажатием кнопки:
  • После нажатия на кнопку:

Рекомендуемые посты:

Как получить все значения свойств объекта JavaScript (не зная ключей)?

0.00 (0%) 0 votes