如何将JavaScript中console.log替换为alert显示对象数据？

直接替换console.log(person1)为alert(person1)无效，是因为alert()函数只接受字符串参数，当传入对象时，浏览器会自动将其转换为默认的字符串表示[object Object]，无法展示对象的具体属性和值。以下是两种可行的解决方法：

方法一：使用JSON.stringify()转换为格式化字符串 #

这是最简便的方式，能完整输出对象的所有属性，还可以格式化排版：

class person {
  constructor(name, job, color, age, licExpiryDate) {
    this.personsname = name;
    this.jobtitle = job;
    this.haircolor = color;
    this.personsage = age;
    this.licenseExpiryDate = licExpiryDate;
  }
}
let person1 = new person('David Smith', 'Marketing Manager', 'Brown', 25, '2020-06-01');
// 转换为带2空格缩进的JSON字符串，提升可读性
alert(JSON.stringify(person1, null, 2));

JSON.stringify的参数说明：

• 第二个参数null表示包含对象的所有属性（若需要过滤属性可传入自定义函数或数组）
• 第三个参数2表示用2个空格缩进，让输出的结构更清晰

方法二：手动拼接属性生成自定义格式字符串 #

如果需要更灵活的输出格式，可以手动拼接对象的每个属性：

class person {
  constructor(name, job, color, age, licExpiryDate) {
    this.personsname = name;
    this.jobtitle = job;
    this.haircolor = color;
    this.personsage = age;
    this.licenseExpiryDate = licExpiryDate;
  }
}
let person1 = new person('David Smith', 'Marketing Manager', 'Brown', 25, '2020-06-01');
// 用模板字符串拼接属性，\n实现换行
let personDetails = `姓名: ${person1.personsname}
职位: ${person1.jobtitle}
发色: ${person1.haircolor}
年龄: ${person1.personsage}
驾照过期日期: ${person1.licenseExpiryDate}`;
alert(personDetails);

内容的提问来源于stack exchange，提问作者Kevin longsmith