JavaScriptにおけるfilterの使用例の分析

2849 ワード

本論文の実例はJavaScriptにおけるfilterの使い方を述べている.皆さんに参考にしてあげます.具体的には以下の通りです.
filter
filterはまた、Arayのいくつかの要素をフィルタリングし、残りの要素を返すためによく使われています.map()と同様に、Arayのfilter()も関数を受信する.map()とは違って、filter()は、導入された関数を各要素に順次作用させ、その戻り値がtrueかfalseかによって、保留かそれとも廃棄かを決定する.
例えば、一つのArayでは偶数を削除して奇数だけ残してもいいです.

var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
  return x % 2 !== 0;
});
r; // [1, 5, 9, 15]

Arayの空の文字列を削除します.このように書くことができます.

var arr = ['A', '', 'B', null, undefined, 'C', ' '];
var r = arr.filter(function (s) {
  return s && s.trim(); //   :IE9       trim()  
});
r; // ['A', 'B', 'C']

filter()という高次関数を用いて、「フィルタ」関数を正確に実現することが鍵となる.
コールバック関数
filter()受信のコールバック関数は、複数のパラメータがあります.通常は最初のパラメータのみを使用して、Arayのある要素を表します.コールバック関数はまた、要素の位置および配列自体を表す他の2つのパラメータを受信することができる.

var arr = ['A', 'B', 'C'];
var r = arr.filter(function (element, index, self) {
  console.log(element); //     'A', 'B', 'C'
  console.log(index); //     0, 1, 2
  console.log(self); // self    arr
  return true;
});

filterを利用して、Arayの重複要素を巧みに除去することができます.

'use strict';
var
  r,
  arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
r = arr.filter(function (element, index, self) {
  return self.indexOf(element) === index;
});
console.log(r.toString());

実行結果:
apple,strawberry,bana,pear,orange
重複要素の除去に依存するのはindexOfであり、常に最初の要素の位置に戻り、後続の重複要素の位置はindexOfの戻り位置と等しくないので、filterによってフィルタリングされた.
試みにfilter()を用いて素数を絞り出す:

'use strict';
function get_primes(arr) {
  var i;
  return arr.filter(function (element) {
      var flag=true;
      if(element<2){
      flag=false;
    }else {
      for(var i=2;i 
 
実行結果:
テスト合格
興味のある友達はオンラインHTML/CSS/JavaScriptコードを使ってツールを実行できます.http://tools.jb51.net/code/HtmlJsRun上記コードの運転効果をテストします.
PS:ここではJS配列を紹介します.皆さんの参考になるように、遍歴方式を分析します.
オンラインJSでよく見られるエルゴード方式の性能分析比較ツール:http://tools.jb51.net/aideddesign/js_bianli
もっと多くのJavaScriptに関する内容について興味がある読者は、当駅のテーマを見ることができます.「JavaScript配列操作技術まとめ」、「JavaScript巡回アルゴリズムと技術まとめ」、「javascript対象入門教程」、「JavaScript数学演算用法まとめ」、「JavaScriptデータ構造とアルゴリズム技法のまとめ」及び「JavaScriptエラーとデバッグ技術」
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます.