前端面试题---JavaScript中null 和 undefined 的区别,判断变量是否为数组还是对象

一.JavaScript中null 和 undefined 的区别？

在JavaScript中，null和undefined都表示变量的空值或缺失值，但它们有一些细微的区别。

• undefined是一个数据类型，表示一个声明了但未被赋值的变量，或者访问对象属性时不存在的属性。它是JavaScript的内置值，表示缺少预期的值。

let a;
console.log(a); // 输出: undefined

const obj = {};
console.log(obj.property); // 输出: undefined

•  null也是一个特殊的关键字，表示变量的空值。它是由开发人员显式赋予变量的，表示变量的值为空。

let b = null;
console.log(b); // 输出: null

 在使用上，一般来说，undefined是JavaScript的默认初始值，表示尚未赋值，而null通常是用来显式地指示空值。当你想明确表示一个变量为空时，可以使用null。此外，在比较运算符中，null和undefined有一些不同的行为。

console.log(null == undefined); // 输出: true
console.log(null === undefined); // 输出: false

总结一下：

• undefined表示未赋值或不存在的值，是JavaScript的内置值。
• null表示空值，需要开发人员显式赋予。
• null和undefined在比较运算中有一些差异。

需要注意的是，虽然null和undefined有一些区别，但在许多情况下它们可以互换使用。

 

二.怎么判断一个变量是否为数组?

在JavaScript中，你可以使用Array.isArray()方法来判断一个变量是否为数组。这个方法会返回一个布尔值，如果变量是数组，则返回true，否则返回false。

const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // 输出: true

const notArr = 'Hello';
console.log(Array.isArray(notArr)); // 输出: false

 

 三.怎么判断一个变量是否为对象?

在JavaScript中，可以使用typeof运算符来判断一个变量是否为对象。然而，typeof运算符在判断数组时会返回"object"，因为数组也是对象的一种特殊类型。

1.使用Object.prototype.toString.call()方法

const arr = {}; // 示例对象

if (Object.prototype.toString.call(arr) === '[object Object]') {
  console.log('arr是一个对象');
} else {
  console.log('arr不是一个对象');
}

2.使用instanceof运算符

const arr = {}; // 示例对象

if (arr instanceof Object && !(arr instanceof Array)) {
  console.log('arr是一个对象');
} else {
  console.log('arr不是一个对象');
}

这些方法将判断arr是否为普通对象，而不是其他特殊类型的对象，如数组、函数等。需要注意的是，typeof运算符和instanceof运算符只能对JavaScript中的基本数据类型和内置对象类型进行判断，并不适用于自定义对象类型。