前端面试题每日3题——2022-09-06

2022-09-06 22:03:50 阅读：165 来源： 互联网

标签：类型转换面试题 06 log 09 arr value console true

每日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

标签：类型转换,面试题,06,log,09,arr,value,console,true
来源： https://www.cnblogs.com/bidong/p/16663451.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9