Js がプロトタイプを使用してカスタム配列を実装する方法の例-jsチュートリアル-php.cn

Js がプロトタイプを使用してカスタム配列を実装する方法の例

黄舟

リリース： 2017-10-20 10:42:09

オリジナル

1637 人が閲覧しました

前書き

私はよくフロントエンドでインタビューしたり、他の同僚とコミュニケーションしたりすることがありますが、構築に関して言えば、JS でコンストラクターを定義することがプロトタイプを使用する最良の方法です。つまり、コンストラクターのプロトタイプにメソッドを定義します。利点はい、このコンストラクターによって生成されるインスタンスのメソッドはすべて関数のインデックスを指すため、メモリを節約できます。

この記事では主に、プロトタイプを使用して配列メソッドをカスタマイズするための Js に関する関連コンテンツを紹介し、参考と学習のために共有します。以下では多くを説明しません。詳細な紹介を見てみましょう。

質問

次のコードの実装方法:

[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]

ログイン後にコピー

解決策

配列のプロトタイプ属性を使用し、duplicator()メソッドをカスタマイズします、js コードは次のとおりです: duplicator()方法，js代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style></style>
 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
 <script>
 Array.prototype.duplicator = function() {
 let s = this.concat(this)
 return s
 }
 let t = [1,2,3,4,5].duplicator()
 console.log(t)
</script>

</body>
</html>

ログイン後にコピー

在控制台显示效果如下：