W3Schools Tryit Editor

// Type Inference in Object Literals Example
// In TypeScript, property types would be inferred automatically

// Complex object with nested properties
const user = {
  id: 1,
  name: "Alice",
  email: "alice@example.com",
  active: true,
  details: {
    age: 30,
    address: {
      city: "New York",
      country: "USA"
    }
  }
};

// Demonstrating how the inferred types would be used
console.log("User object properties and their types:");
console.log(`user.id: ${user.id} (${typeof user.id})`);
console.log(`user.name: ${user.name} (${typeof user.name})`);
console.log(`user.email: ${user.email} (${typeof user.email})`);
console.log(`user.active: ${user.active} (${typeof user.active})`);
console.log("");

console.log("Using string methods on name property:");
console.log(`Uppercase: ${user.name.toUpperCase()}`);
console.log(`Length: ${user.name.length}`);
console.log("");

console.log("Nested object properties:");
console.log(`user.details.age: ${user.details.age} (${typeof user.details.age})`);
console.log(`user.details.address.city: ${user.details.address.city} (${typeof user.details.address.city})`);
console.log(`user.details.address.country: ${user.details.address.country} (${typeof user.details.address.country})`);
console.log("");

console.log("Using methods on nested properties:");
console.log(`Age (fixed decimal): ${user.details.age.toFixed(0)}`);
console.log(`City (lowercase): ${user.details.address.city.toLowerCase()}`);
console.log("");

console.log("In TypeScript, accessing non-existent properties would cause compile-time errors:");
console.log("user.age                  // Error: Property 'age' does not exist");
console.log("user.details.name         // Error: Property 'name' does not exist");
console.log("user.details.address.zip  // Error: Property 'zip' does not exist");

User object properties and their types:
user.id: 1 (number)
user.name: Alice (string)
user.email: alice@example.com (string)
user.active: true (boolean)

Using string methods on name property:
Uppercase: ALICE
Length: 5

Nested object properties:
user.details.age: 30 (number)
user.details.address.city: New York (string)
user.details.address.country: USA (string)

Using methods on nested properties:
Age (fixed decimal): 30
City (lowercase): new york

In TypeScript, accessing non-existent properties would cause compile-time errors:
user.age                  // Error: Property 'age' does not exist
user.details.name         // Error: Property 'name' does not exist
user.details.address.zip  // Error: Property 'zip' does not exist