JavaScriptにおけるfilterの使用例の分析
2849 ワード
本論文の実例はJavaScriptにおけるfilterの使い方を述べている.皆さんに参考にしてあげます.具体的には以下の通りです.
filter
filterはまた、Arayのいくつかの要素をフィルタリングし、残りの要素を返すためによく使われています.
例えば、一つのArayでは偶数を削除して奇数だけ残してもいいです.
コールバック関数
filter()受信のコールバック関数は、複数のパラメータがあります.通常は最初のパラメータのみを使用して、Arayのある要素を表します.コールバック関数はまた、要素の位置および配列自体を表す他の2つのパラメータを受信することができる.
apple,strawberry,bana,pear,orange
重複要素の除去に依存するのはindexOfであり、常に最初の要素の位置に戻り、後続の重複要素の位置はindexOfの戻り位置と等しくないので、filterによってフィルタリングされた.
試みに
テスト合格
興味のある友達はオンライン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プログラムの設計に役に立ちます.
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プログラムの設計に役に立ちます.