首頁 > web前端 > js教程 > 主體

如何在 JavaScript 或 jQuery 中遞歸遍歷物件(樹)?

Linda Hamilton
發布: 2024-10-22 20:56:10
原創
315 人瀏覽過

How to Traverse an Object (Tree) Recursively in JavaScript or jQuery?

遞歸地循環遍歷物件(樹)

在 JavaScript 或 jQuery 中,可以使用 for 來實現遍歷物件及其後代。 ..in 迴圈:

<code class="javascript">for (var key in foo) {
  if (key == "child") {
    // Do something with child
  }
  if (key == "bar") {
    // Do something with bar
  }
  if (key == "grand") {
    // Do something with grand
  }
}</code>
登入後複製

請注意,for...in 迴圈會迭代所有可枚舉屬性,包括從物件原型繼承的屬性。若要避免對繼承的屬性進行操作,請使用hasOwnProperty:

<code class="javascript">for (var key in foo) {
  if (!foo.hasOwnProperty(key)) continue;
  if (key == "child") {
    // Do something with child
  }
}</code>
登入後複製

遞歸循環

要遞歸循環,請建立遞歸函數:

<code class="javascript">function eachRecursive(obj) {
  for (var key in obj) {
    if (typeof obj[key] === "object" &amp;&amp; obj[key] !== null) {
      eachRecursive(obj[key]);
    } else {
      // Do something with primitive value
    }
  }
}</code>
登入後複製

該函數可以處理物件和數組,遞歸地遍歷它們的巢狀結構。

以上是如何在 JavaScript 或 jQuery 中遞歸遍歷物件(樹)?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!