鍍金池/ 問答/HTML/ Javascript里this的問題

Javascript里this的問題

這是一道題目,要求驗(yàn)證數(shù)組中的數(shù)字,不小于55且大于7是對的,反之錯(cuò)的。
我寫的代碼是這個(gè)樣子的。

function correct(data){
  var checkResult = [];
  var check = function(){
    (this[0]>=55&&this[1]>7)?checkResult.push("Right"):checkResult.push("Wrong");
  };
  data.map(check);
  return checkResult;
}

用[[45, 12],[55,21],[19, -2],[104, 20]]作測試,返回的都是wrong。
應(yīng)該是我的this指向不對。
this獲取不到我想要的值,請問關(guān)于this應(yīng)該怎樣理解和使用?
請問我改怎么修改?和怎么理解我的錯(cuò)誤?
謝謝大家。辛苦了。

回答
編輯回答
半心人

首先有個(gè)疑問

題目中的『要求驗(yàn)證數(shù)組中的數(shù)字,不小于55且大于7是對的,反之錯(cuò)的』是不是寫錯(cuò)了?不小于 55 的數(shù)字是一定大于 7 的。
根據(jù)你的測試用例,我想題目的意思應(yīng)該是『數(shù)組的每一位都是一個(gè) 2 位數(shù)組,對于這些每一個(gè)數(shù)組,驗(yàn)證其第一個(gè)數(shù)字不小于 55 且第二個(gè)數(shù)字大于 7』。

this 是『調(diào)用方法的主體』

比如:

var obj = {
  whoAmI: function () {
    console.log(this)
  }
}
obj.whoAmI() // 打印出 obj 本身

本題與 this 無關(guān),在本題中不應(yīng)使用 this

解答此題你應(yīng)該了解如下兩個(gè)知識:

  • 數(shù)組 .map() 方法的用法
  • 函數(shù)的傳參

簡單講下:

.map() 方法接受一個(gè)函數(shù)作為參數(shù),比如你的 check(),對于數(shù)組中的每一個(gè)值,都會調(diào)用 check()。你需要糾正的是,在 check() 里如何拿到數(shù)組中當(dāng)前的值?

事實(shí)上,.map() 在調(diào)用 check() 時(shí),會把當(dāng)前的值作為參數(shù)傳遞進(jìn)去,也就是 check(currentValue)。所以要在 check() 中獲取當(dāng)前的值,只需取第一個(gè)參數(shù)即可:

function check (value) {
  (value[0] >= 55 && value[1] > 7) ? checkResult.push("Right") : checkResult.push("Wrong");
}

這樣修改你的解答就正確了。

如何變得更好

事實(shí)上,.map() 的返回值也是一個(gè)數(shù)組。如果你的 check() 有返回值,那么 data.map(check) 的返回值是每一次 check() 返回值構(gòu)成的數(shù)組。

也就是說,correct() 可簡化為:

function correct (data) {
  function check(value) {
    return (value[0] >= 55 && value[1] > 7) ? 'Right' : 'Wrong';
  } 
  return data.map(check)
}

資源

JavaScript 相關(guān)的知識,建議你查閱一份相當(dāng)權(quán)威的文檔:MDN,比如有關(guān) .map() 的介紹在這里就有。
或者你可以 Google 搜索如『array.map mdn』這樣的關(guān)鍵字,通常第一個(gè)結(jié)果就是 MDN 文檔。

希望對你有幫助,望采納。

2017年9月17日 14:18
編輯回答
玄鳥
function correct(data){
        var checkResult = [];
        var check = function(item){
            (item[0]>=55&&item[1]>7)?checkResult.push("Right"):checkResult.push("Wrong");
        };
        data.map(check);
        return checkResult;
    }
    console.log(correct([[45, 12],[55,21],[19, -2],[104, 20]]))

自己先查下map的用法

2018年8月29日 15:27