JavaScript アロー関数でfilterメソッドを使うサンプル

環境
Windows 10 home 64bit
Google Chrome 107.0.5304.122(Official Build) (64 ビット)

構文
const 配列名=[{属性名1:値1},{属性名2:値2},…]
配列名.filter(function(配列名){ return 配列名.属性名.includes(指定文字)})
アロー関数でfilterを使って、指定文字が含まれている配列データのみを抽出します。
filter() メソッドは、この配列の中から、提供された関数で実装されたテストに合格した要素のみを抽出したシャローコピーを作成します。
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
const cftArr = [
{ addr: 'tokyo', depno: 22 },
{ addr: 'oosaka', depno: 43 },
{ addr: 'toho', depno: 75 },
{ addr: 'saka', depno: 81 }
];
const result = cftArr.filter(function (cftArr) {
return cftArr.addr.includes('t');
});
console.log("addrに文字列「t」が含まれているデータのみ抽出");
console.log(result);
const cftArr = [ { addr: 'tokyo', depno: 22 }, { addr: 'oosaka', depno: 43 }, { addr: 'toho', depno: 75 }, { addr: 'saka', depno: 81 } ]; const result = cftArr.filter(function (cftArr) { return cftArr.addr.includes('t'); }); console.log("addrに文字列「t」が含まれているデータのみ抽出"); console.log(result);
const cftArr = [
  { addr: 'tokyo', depno: 22 },
  { addr: 'oosaka', depno: 43 },
  { addr: 'toho', depno: 75 },
  { addr: 'saka', depno: 81 }
];

const result = cftArr.filter(function (cftArr) {
  return cftArr.addr.includes('t');
});
console.log("addrに文字列「t」が含まれているデータのみ抽出");
console.log(result);

実行結果
> “addrに文字列「t」が含まれているデータのみ抽出"
> Array [Object { addr: “tokyo", depno: 22 }, Object { addr: “toho", depno: 75 }]

JavaScript

Posted by arkgame