每日3題

22 以下代碼執(zhí)行后，控制臺(tái)中的輸出內(nèi)容為？

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

23 以下代碼執(zhí)行后，控制臺(tái)中的輸出內(nèi)容為？

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

console.log(newArr.length);

24 以下代碼執(zhí)行后，控制臺(tái)中的輸出內(nèi)容為？

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

公眾號(hào)【今天也要寫(xiě)bug】獲取更多前端面試題

成都創(chuàng)新互聯(lián)公司是網(wǎng)站建設(shè)技術(shù)企業(yè)，為成都企業(yè)提供專(zhuān)業(yè)的網(wǎng)站制作、成都做網(wǎng)站，網(wǎng)站設(shè)計(jì)，網(wǎng)站制作，網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。十載品質(zhì)，值得信賴(lài)！

答案與解析

22

// 答案：true
// 考察強(qiáng)制類(lèi)型轉(zhuǎn)換
// == 操作會(huì)進(jìn)行強(qiáng)制類(lèi)型轉(zhuǎn)換
// 如果操作數(shù)之一是對(duì)象，另一個(gè)是數(shù)字或字符串，
// 會(huì)嘗試使用對(duì)象的valueOf()和toString()方法將對(duì)象轉(zhuǎn)換為原始值。
// 如果 valueOf 返回基本類(lèi)型，就按該值進(jìn)行轉(zhuǎn)換，否則按 toString 的返回值轉(zhuǎn)換
// 數(shù)組的 valueOf 返回它本身，所以按 toString 的返回值進(jìn)行轉(zhuǎn)換
// 對(duì)于數(shù)組對(duì)象，toString 方法在內(nèi)部調(diào)用 join() 方法
var a = [1, 2, 3];
a.join = a.shift; // 在數(shù)組 a 上定義了一個(gè) join 方法，并且該方法是 shift 的功能
console.log(a == 1 && a == 2 && a == 3);
// a == 1，觸發(fā)類(lèi)型轉(zhuǎn)換
// 觸發(fā) a.toString() 內(nèi)部調(diào)用 a.join()，即 a.shift() 返回 1，同時(shí) a 變?yōu)?[2, 3]
// 所以 a == 1 為 true
// 同理 a == 2 和 a == 3 都為 true

23

// 答案：0
// 考察數(shù)組的 filter 方法
// filter() 方法創(chuàng)建一個(gè)新數(shù)組，其包含通過(guò)所提供函數(shù)實(shí)現(xiàn)的測(cè)試的所有元素。
// filter 為數(shù)組中的每個(gè)元素調(diào)用一次傳入的回調(diào)函數(shù)，
// 并利用所有使得回調(diào)函數(shù)返回 true 或等價(jià)于 true 的值的元素創(chuàng)建一個(gè)新數(shù)組。
// 回調(diào)函數(shù)只會(huì)在已經(jīng)賦值的索引上被調(diào)用，對(duì)于那些已經(jīng)被刪除或者從未被賦值的索引不會(huì)被調(diào)用。

var arr = [0, 1];
arr[5] = 5; // 直接為索引 5 的元素賦值為 5，跳過(guò)的幾個(gè)元素均為 'empty'，這些索引不會(huì)觸發(fā)回調(diào)函數(shù)
var newArr = arr.filter((x) => {
  return x === undefined;
}); // 所以這里沒(méi)有元素等于 undefined
console.log(newArr.length); // 輸出 0

24

// 答案：aaa
// 考察運(yùn)算符優(yōu)先級(jí)和強(qiáng)制類(lèi)型轉(zhuǎn)換
// 優(yōu)先級(jí)：函數(shù)調(diào)用 > ! > + > 三元運(yùn)算符
//
const value = "value is" + !!Number(["0"]) ? "aaa" : "bbb";
console.log(value);

// Number('0') => 0
// !0 觸發(fā)類(lèi)型轉(zhuǎn)換 => true，這些值會(huì)被轉(zhuǎn)換成 false：null、NaN、0、空字符串 ("" or '' or ``)、undefined
// !true => false
// 'value is' + false => 'value isfalse'
// 條件運(yùn)算符觸發(fā)類(lèi)型轉(zhuǎn)換 => 'value isfalse' 轉(zhuǎn)換為 true
// 最終輸出 aaa