TypeScriptで配列の項目を見つけるには?(現代的で簡単な方法)
質問
TypeScriptで配列の中の項目を検索する正規の方法はありますか?
ES6+ではこのようなシンプルでクリーンなアプローチが可能です。
[{"id":1}, {"id":-2}, {"id":3}].find(myObj => myObj.id < 0) // returns {"id":-2}
TypeScriptは多くのES6+の機能を実装しており、今後もそうしていく予定です。少なくとも同じくらい素晴らしい解決策を持っている可能性が高いと思われますので。
使いやすさ、最新のベストプラクティス、シンプルさによるエレガンスを考慮すると、TypeScriptを使用して配列から項目を見つけるにはどうしたらよいでしょうか。
(最良のアプローチを探すために質問を少し言い直します)
ノート
-
" 項目 はJavaScriptのオブジェクトであったり、他のほとんどのものであったりします。 上記の例では、たまたま普通のネイティブJSオブジェクトを見つけることができましたが、多くのシナリオが存在します。
-
" 正規 は、コンピュータサイエンス(および他の分野)では、「一般に認められた規則または標準的な式」と言うための単なる空想的な方法です(ここの誰もが、ある時点でそれを知らなかったことを覚えておいてください)。
-
これは新機能についてではありません . JS のどのバージョンでもこれを行うことができました。しかし、そうするためのフォームは、時間を遡れば遡るほど魅力的ではなくなります。
-
TypeScriptロードマップ を参考にしてください。
どのように解決するのですか?
第一部 - ポリフィル
まだ実装していないブラウザのために、ポリフィルを使った
array.find
.
MDN の提供
.
if (!Array.prototype.find) {
Array.prototype.find = function(predicate) {
if (this == null) {
throw new TypeError('Array.prototype.find called on null or undefined');
}
if (typeof predicate !== 'function') {
throw new TypeError('predicate must be a function');
}
var list = Object(this);
var length = list.length >>> 0;
var thisArg = arguments[1];
var value;
for (var i = 0; i < length; i++) {
value = list[i];
if (predicate.call(thisArg, value, i, list)) {
return value;
}
}
return undefined;
};
}
パート2 - インターフェース
オープン配列のインターフェイスを拡張し、その中に
find
メソッドを追加する必要があります。
interface Array<T> {
find(predicate: (search: T) => boolean) : T;
}
これがTypeScriptに届くと、コンパイラから警告が出て、これを削除するように注意されます。
第三部 - 使ってみよう
変数
x
は期待通りの型になります...
{ id: number }
var x = [{ "id": 1 }, { "id": -2 }, { "id": 3 }].find(myObj => myObj.id < 0);
関連
-
[解決済み] TypeScript getting error TS2304: cannot find name ' require'.
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み] TypeScriptでオブジェクトに動的にプロパティを割り当てるには?
-
[解決済み] TypeScriptで配列の項目を削除するには?
-
[解決済み] JSONオブジェクトをTypeScriptのクラスにキャストする方法を教えてください。
-
[解決済み] TypeScriptで文字列をenumに変換するには?
-
[解決済み] Typescript によるインターフェース型チェック
-
[解決済み] TypeScriptで配列に文字列が含まれているかどうかを確認するには?
-
[解決済み】TypeScriptで複数の型を持つ配列を定義する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] TypeScriptで Object.keys return string[].
-
[解決済み] TypeScriptの予約語 "type "とは何ですか?
-
[解決済み] ユニオン型からインターセクション型への変換
-
[解決済み] Typescript で Enum を制限付きキータイプとして使用する
-
[解決済み] TypeScript Genericsに複数の型制約を指定することは可能か?
-
[解決済み] spec/testフォルダを使用したtsconfigのセットアップ
-
[解決済み] typescriptで非推奨のマークを付けることは可能ですか?
-
[解決済み] Angular2 - Http POST リクエストパラメータ
-
[解決済み] jsdomとtypescriptで「プロパティ '...' がタイプ 'Global' に存在しない」を防ぐには?
-
[解決済み] Chrome Debugger拡張機能によるVisual Studio Codeでの "Unverified breakpoint "について