map every forEach diff javascript - whatIsInAName

jhhfft 發布于2019-08-20 17:48 / 1078人閱讀

摘要：方法的參數是一個函數，所有數組成員依次執行該函數，返回結果為的成員組成一個新數組返回自己寫的代碼扶額

https://stackoverflow.com/que...

The difference is in the return values.

.map()

returns a new Array of objects created by taking some action on the original item.

.every()

returns a boolean - true if every element in this array satisfies the provided testing function. An important difference with .every() is that the test function may not always be called for every element in the array. Once the testing function returns false for any element, no more array elements are iterated. Therefore, the testing function should usually have no side effects.

.forEach()

returns nothing - It iterates the Array performing a given action for each item in the Array.

.filter()

filter方法的參數是一個函數，所有數組成員依次執行該函數，返回結果為true的成員組成一個新數組返回.

Example:whatIsInAName:

Write an algorithm that will take an array for the first argument and return an array with all the objects that matches all the properties and values in the Object passed as second parameter.

whatIsInAName([{ "a": 2, "b": 2 }, { "a": 1 }, { "a": 2, "b": 2, "c": 3 }], { "a": 2, "c": 3 }) should return [{ "a": 2, "b": 2, "c": 3 }]

for

  var srcKeys = Object.keys(source);
  return collection.filter(function (obj) {
    for(var i = 0; i < srcKeys.length; i++) {
      if(!obj.hasOwnProperty(srcKeys[i]) || obj[srcKeys[i]] !== source[srcKeys[i]]) {
        return false;
      }
    }
    return true;
  });
}

-filter through the array using .filter().
-Using a for loop to loop through each item in the object.
-use a if statement to check if the object in the collection doesn"t have the key and the property value doesn"t match the value in source.
-return false if the above if statement is correct. Otherwise, return true;

every

  var srcKeys = Object.keys(source);
  return collection.filter(function (obj) {
    return srcKeys.every(function (key) {
      return obj.hasOwnProperty(key) && obj[key] === source[key];
    });
  });
}

-filter through the collection using .filter().
-return a Boolean value for the .filter() method.
-reduce to Boolean value to be returned for the .every() method.

自己寫的代碼（扶額）

function whatIsInAName(collection, source) {
    return collection.filter(function (obj) {
        var srcKeys = Object.keys(source);
        var all = true;
        for (var i = 0; i < srcKeys.length; i++) {
            if (obj.hasOwnProperty(srcKeys[i]) && obj[srcKeys[i]] == source[srcKeys[i]]) {
            } else {
                all = false;
            }
        }
        return check;
    });
}

map

  var srcKeys = Object.keys(source);
  return collection.filter(function (obj) {
    return srcKeys
      .map(function(key) {
        return obj.hasOwnProperty(key) && obj[key] === source[key];
      })
      .reduce(function(a, b) {
        return a && b;
      });
  });
}

-start by filtering through collection using Array.filter().
-map through all keys and return Boolean values based on the check conditions: both the key and its corresponding value must exist within the object we are filtering through.
-reduce the mapped Boolean values to a single Boolean that indicates whether all srcKeys pass the conditions checked above.
-This single Boolean will be used to filter through the collection.

https://forum.freecodecamp.or...

GPU云服務器云服務器 javascript foreach javascript實現map whatIsInAName every

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83883.html

實現Promise的first等各種變體

摘要：原文地址本篇文章主要是想通過中提供的幾個方法，來實現諸如等各種變體方法在標準的規范中，提供了和兩種，我們首先來了解下這兩個方法是干嘛的，方便我們后面工作的展開。表示只獲取所有的中進入完成狀態的結果，被拒絕的則忽略掉。原文地址： https://www.xiabingbao.com/po... 本篇文章主要是想通過ES6中Promise提供的幾個方法，來實現諸如first、last、n...

cnTomato 2019-08-23 16:51 評論0 收藏0
Javascript 循環和迭代

摘要：數組循環對象循環迭代在中新增了幾種迭代方法。方法為數組中的每個元素執行一次函數，直到它找到一個使返回表示可轉換為布爾值的值的元素。數組為數組未被修改測試數組中某些元素是否通過指定函數的測試，若有一項終止循環返回。循環在Javascript中數組循環使用for循環，跟其他的語言非常類似。 //數組循環 var array = [1,2,3,4,5]; for(var i = 0; i...

olle 2019-08-23 10:52 評論0 收藏0
學習《JavaScript經典實例》之第1~3章

摘要：與的區別如何理解和熟練運用中的及，動態改變裝換為數組返回的是數組，但是本身保持不變借用別人的方法實現繼承封裝對象保證的指向刪除或替換數組元素方法與方法的作用是不同的，方法會直接對數組進行修改。《JavaScript經典實例》各節中的完整代碼解決了常見的編程問題，并且給出了在任何瀏覽器中構建Web應用程序的技術。只需要將這些代碼示例復制并粘貼到你自己的項目中就行了，可以快速完成工作，并...

vvpale 2019-08-22 15:08 評論0 收藏0
JS 數組循環遍歷方法的對比

摘要：循環方法方法不改變原數組方法會給原數組中的每個元素都按順序調用一次函數。篩選出過濾出數組中符合條件的項組成新數組代碼方法方法為數組中的每個元素執行一次函數，直到它找到一個使返回表示可轉換為布爾值的值的元素。 showImg(https://segmentfault.com/img/bV2QTD?w=1600&h=500); 前言 JavaScript 發展至今已經發展出多種數組的循環遍...

BlackFlagBin 2019-08-26 11:31 評論0 收藏0
JavaScript數組迭代（遍歷）方法

摘要：正文和中新增的的數組迭代方法如下其中，是新增的，其余都是新增的。指數組后，返回過濾后的新數組。它的參數跟方法是一樣的所有數組成員依次執行回調函數，直到找出第一個返回值為的成員，然后返回該成員。前言 ES5和ES6中新增了不少東西，對于數組而言，新增了不少迭代方法，讓我們可以拋棄for循環，更方便的寫JS代碼。正文 ES5和ES6中新增的的數組迭代方法如下： forEach map...

light 2019-08-20 17:34 評論0 收藏0