关于javascript:前端面试题每日3题20220906

每日 3 题

22 以下代码执行后，控制台中的输入内容为？

var a = [1, 2, 3];
a.join = a.shift;
console.log(a == 1 && a == 2 && a == 3);

23 以下代码执行后，控制台中的输入内容为？

var arr = [0, 1];
arr[5] = 5;
var newArr = arr.filter((x) => {return x === undefined;});

console.log(newArr.length);

24 以下代码执行后，控制台中的输入内容为？

const value = 'value is' + !!Number(['0']) ? 'aaa' : 'bbb';
console.log(value);

公众号【明天也要写 bug】获取更多前端面试题

答案与解析

22

// 答案：true
// 考查强制类型转换
// == 操作会进行强制类型转换
// 如果操作数之一是对象，另一个是数字或字符串，// 会尝试应用对象的 valueOf() 和 toString() 办法将对象转换为原始值。// 如果 valueOf 返回根本类型，就按该值进行转换，否则按 toString 的返回值转换
// 数组的 valueOf 返回它自身，所以按 toString 的返回值进行转换
// 对于数组对象，toString 办法在外部调用 join() 办法
var a = [1, 2, 3];
a.join = a.shift; // 在数组 a 上定义了一个 join 办法，并且该办法是 shift 的性能
console.log(a == 1 && a == 2 && a == 3);
// a == 1，触发类型转换
// 触发 a.toString() 外部调用 a.join()，即 a.shift() 返回 1，同时 a 变为 [2, 3]
// 所以 a == 1 为 true
// 同理 a == 2 和 a == 3 都为 true

23

// 答案：0
// 考查数组的 filter 办法
// filter() 办法创立一个新数组，其蕴含通过所提供函数实现的测试的所有元素。// filter 为数组中的每个元素调用一次传入的回调函数，// 并利用所有使得回调函数返回 true 或等价于 true 的值的元素创立一个新数组。// 回调函数只会在曾经赋值的索引上被调用，对于那些曾经被删除或者从未被赋值的索引不会被调用。var arr = [0, 1];
arr[5] = 5; // 间接为索引 5 的元素赋值为 5，跳过的几个元素均为 'empty'，这些索引不会触发回调函数
var newArr = arr.filter((x) => {return x === undefined;}); // 所以这里没有元素等于 undefined
console.log(newArr.length); // 输入 0

24

// 答案：aaa
// 考查运算符优先级和强制类型转换
// 优先级：函数调用 > ! > + > 三元运算符
//
const value = "value is" + !!Number(["0"]) ? "aaa" : "bbb";
console.log(value);

// Number('0') => 0
// !0 触发类型转换 => true，这些值会被转换成 false：null、NaN、0、空字符串 (""or'' or ``)、undefined
// !true => false
// 'value is' + false => 'value isfalse'
// 条件运算符触发类型转换 => 'value isfalse' 转换为 true
// 最终输入 aaa