前端笔试题（对象数组）应用对象和数组做编程题，考察对基础类型的理解

2024-01-04 19:58:09

对象和数组：前端笔试中的经典编程题

在前端开发面试中，对对象和数组的熟练掌握至关重要。这些数据结构构成了 JavaScript 的基础，面试官通常会通过编程题来评估候选人的编码和算法能力。本文将深入探讨对象和数组编程题的常见类型，并提供详细的解决方案和示例代码，帮助您在面试中脱颖而出。

对象

1. 对象的属性遍历

问题： 给定一个对象，遍历其所有属性，打印每个属性的名称和值。

解决方案： 可以使用 for...in 循环遍历对象属性，并使用 hasOwnProperty 方法检查每个属性是否属于该对象，避免遍历继承的属性。

const person = {
  name: 'John Doe',
  age: 30,
  occupation: 'Software Engineer'
};

for (const property in person) {
  if (person.hasOwnProperty(property)) {
    console.log(`${property}: ${person[property]}`);
  }
}

// 输出：
// name: John Doe
// age: 30
// occupation: Software Engineer

数组

2. 数组的元素遍历

问题： 给定一个数组，遍历其所有元素，打印每个元素的值。

解决方案： 可以使用 for 循环遍历数组元素，并使用下标访问元素的值。

const numbers = [1, 2, 3, 4, 5];

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

// 输出：
// 1
// 2
// 3
// 4
// 5

对象数组

3. 对象数组的查找

问题： 给定一个包含对象的数组，查找一个具有指定属性值的对象，并返回该对象。

解决方案： 可以使用 find 方法查找满足条件的对象，它返回第一个匹配的对象。

const employees = [
  {
    id: 1,
    name: 'John Doe',
    department: 'Engineering'
  },
  {
    id: 2,
    name: 'Jane Smith',
    department: 'Marketing'
  },
  {
    id: 3,
    name: 'Michael Jones',
    department: 'Sales'
  }
];

const employee = employees.find(employee => employee.department === 'Engineering');

console.log(employee);

// 输出：
// {
//   id: 1,
//   name: 'John Doe',
//   department: 'Engineering'
// }

4. 数组元素的排序

问题： 给定一个数组，对其元素进行排序，并返回排序后的数组。

解决方案： 可以使用 sort 方法对数组元素进行排序，它按升序排列元素。

const numbers = [5, 2, 1, 3, 4];

numbers.sort();

console.log(numbers);

// 输出：
// [1, 2, 3, 4, 5]

5. 对象数组的过滤

问题： 给定一个包含对象的数组，过滤出具有指定属性值的对象，并返回一个新数组。

解决方案： 可以使用 filter 方法过滤满足条件的对象，它返回一个包含匹配对象的数组。

const employees = [
  {
    id: 1,
    name: 'John Doe',
    department: 'Engineering'
  },
  {
    id: 2,
    name: 'Jane Smith',
    department: 'Marketing'
  },
  {
    id: 3,
    name: 'Michael Jones',
    department: 'Sales'
  }
];

const engineeringEmployees = employees.filter(employee => employee.department === 'Engineering');

console.log(engineeringEmployees);

// 输出：
// [
//   {
//     id: 1,
//     name: 'John Doe',
//     department: 'Engineering'
//   }
// ]