Run results for: Looping Frozen object: Object Freeze vs Deep Freeze vs Without Object Freeze vs

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:133.0) Gecko/20100101 Firefox/133.0

Browser: Firefox 133

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

Loop Deep-Frozen Object

1K/s

Loop Frozen Object

1K/s

Loop Non-Frozen Object

1K/s

View exact numbers

Test name	Executions per second
✓ Loop Deep-Frozen Object	1,240 Ops/sec
Loop Frozen Object	1,197 Ops/sec
Loop Non-Frozen Object	1,015 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const birdSpecies = {
  forest: {
    species: [
      {
        name: "Northern Cardinal",
        physicalCharacteristics: {
          color: "Red",
          size: "Medium",
          beakType: "Conical"
        },
        diet: {
          primary: "Seeds",
          secondary: "Fruits"
        },
        habitat: "Woodlands and forests"
      },
      {
        name: "Woodpecker",
        physicalCharacteristics: {
          color: "Black, White, and Red",
          size: "Medium",
          beakType: "Chisel-shaped"
        },
        diet: {
          primary: "Insects",
          secondary: "Tree sap"
        },
        habitat: "Wooded areas"
      }
    ]
  },
  desert: {
    species: [
      {
        name: "Roadrunner",
        physicalCharacteristics: {
          color: "Brown and White",
          size: "Medium",
          beakType: "Long and Slim"
        },
        diet: {
          primary: "Insects",
          secondary: "Small reptiles"
        },
        habitat: "Desert and arid regions"
      },
      {
        name: "Cactus Wren",
        physicalCharacteristics: {
          color: "Brown with streaks",
          size: "Small",
          beakType: "Curved"
        },
        diet: {
          primary: "Insects",
          secondary: "Seeds"
        },
        habitat: "Cacti and desert shrubs"
      }
    ]
  },
  wetlands: {
    species: [
      {
        name: "Great Blue Heron",
        physicalCharacteristics: {
          color: "Blue-gray",
          size: "Large",
          beakType: "Long and Sharp"
        },
        diet: {
          primary: "Fish",
          secondary: "Amphibians"
        },
        habitat: "Wetlands and marshes"
      },
      {
        name: "American Coot",
        physicalCharacteristics: {
          color: "Dark gray with white bill",
          size: "Medium",
          beakType: "Flat and short"
        },
        diet: {
          primary: "Aquatic plants",
          secondary: "Small invertebrates"
        },
        habitat: "Lakes and wetlands"
      }
    ]
  }
}


const deepFreeze = obj => {
  for (const key in obj) {
    if (obj.hasOwnProperty(key) && typeof obj[key] === "object" && obj[key] !== null) {
      deepFreeze(obj[key])
    }
  }
  return Object.freeze(obj)
}

 
const frozenObject = Object.freeze(structuredClone(birdSpecies))

const copy = structuredClone(birdSpecies)
const deepFrozenObject = deepFreeze(copy)

const nonFrozenObject = structuredClone(birdSpecies)

Tests:

Loop Frozen Object
for (const [habitat, data] of Object.entries(frozenObject)) { console.log(`Habitat: ${habitat}`) for (const bird of data.species) { console.log(` Name: ${bird.name}`) console.log(` Physical Characteristics:`) for (const [key, value] of Object.entries(bird.physicalCharacteristics)) { console.log(` ${key}: ${value}`) } console.log(` Diet:`) for (const [key, value] of Object.entries(bird.diet)) { console.log(` ${key}: ${value}`) } console.log(` Habitat: ${bird.habitat}`) } }
Loop Deep-Frozen Object
for (const [habitat, data] of Object.entries(deepFrozenObject)) { console.log(`Habitat: ${habitat}`) for (const bird of data.species) { console.log(` Name: ${bird.name}`) console.log(` Physical Characteristics:`) for (const [key, value] of Object.entries(bird.physicalCharacteristics)) { console.log(` ${key}: ${value}`) } console.log(` Diet:`) for (const [key, value] of Object.entries(bird.diet)) { console.log(` ${key}: ${value}`) } console.log(` Habitat: ${bird.habitat}`) } }
Loop Non-Frozen Object
for (const [habitat, data] of Object.entries(nonFrozenObject)) { console.log(`Habitat: ${habitat}`) for (const bird of data.species) { console.log(` Name: ${bird.name}`) console.log(` Physical Characteristics:`) for (const [key, value] of Object.entries(bird.physicalCharacteristics)) { console.log(` ${key}: ${value}`) } console.log(` Diet:`) for (const [key, value] of Object.entries(bird.diet)) { console.log(` ${key}: ${value}`) } console.log(` Habitat: ${bird.habitat}`) } }