JavaScript中如何让console.log实现类似.head()的功能仅打印前100行？

当然有办法解决这个问题！下面分享几种实用的方法，帮你只打印响应的前100行（或前N个元素/属性），避免终端顶部内容被截断。

1. 自定义logHead函数（通用方案） #

你可以自己封装一个函数，适配数组、对象、字符串等不同类型的数据，灵活截取前N项/行打印：

function logHead(data, limit = 100) {
  if (Array.isArray(data)) {
    // 处理数组：截取前limit个元素
    console.log(`Array (first ${limit} items):`, data.slice(0, limit));
    if (data.length > limit) {
      console.log(`... 还有 ${data.length - limit} 个元素未显示`);
    }
  } else if (typeof data === 'object' && data !== null) {
    // 处理对象：截取前limit个键值对
    const entries = Object.entries(data);
    const truncatedEntries = entries.slice(0, limit);
    const truncatedObj = Object.fromEntries(truncatedEntries);
    console.log(`Object (first ${limit} properties):`, truncatedObj);
    if (entries.length > limit) {
      console.log(`... 还有 ${entries.length - limit} 个属性未显示`);
    }
  } else if (typeof data === 'string') {
    // 处理字符串：按换行分割后取前limit行
    const lines = data.split('\n');
    console.log(`String (first ${limit} lines):\n`, lines.slice(0, limit).join('\n'));
    if (lines.length > limit) {
      console.log(`... 还有 ${lines.length - limit} 行未显示`);
    }
  } else {
    // 其他类型直接打印
    console.log(data);
  }
}

// 使用示例
const bigArray = Array.from({length: 200}, (_, i) => `item${i}`);
logHead(bigArray); // 打印前100个数组元素

const bigObj = {};
for (let i = 0; i < 150; i++) {
  bigObj[`key${i}`] = `value${i}`;
}
logHead(bigObj); // 打印前100个对象属性

const longText = Array.from({length: 120}, (_, i) => `第${i+1}行内容`).join('\n');
logHead(longText); // 打印前100行文本

2. 针对数组：直接用slice简化打印 #

如果只是处理数组，最简单的方式就是直接截取前100个元素后打印：

const largeArray = [...]; // 你的大数组
console.log(largeArray.slice(0, 100));

3. 针对对象：截取键值对后重构对象 #

对于大对象，可以先把键值对转为数组，截取后再重构为新对象打印：

const largeObj = {...}; // 你的大对象
const limitedObj = Object.fromEntries(Object.entries(largeObj).slice(0, 100));
console.log(limitedObj);
// 可选：提示总属性数量
console.log(`总共有 ${Object.keys(largeObj).length} 个属性，仅显示前100个`);

4. 利用console.table（适合结构化数据） #

如果你的数据是数组或类数组对象，console.table可以更清晰地展示前N项，部分终端还支持自动分页：

const structuredData = Array.from({length: 200}, (_, i) => ({id: i, name: `用户${i}`}));
// 只显示前100行
console.table(structuredData.slice(0, 100));

小提示 #

如果你的“响应”是JSON字符串，记得先解析成对象/数组再处理：const data = JSON.parse(responseText);

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