一个对于Array的简单扩展_javascript技巧
其实就是 prototype 1.4中 枚举对象部分 的简化版本,
先贴代码,等下再一一解释,对初学者可能有帮助
最近一直在学习Python,一直感叹于python中 list的灵活,
同样都是数组,为什么javascript不能和python中的一样灵活呢,
(其实下面这些 prototype 1.4已经实现了,不过 prototype太胖了,你知道的,我对胖女人不感兴趣)
于是就有了下面的代码.....
<script> <BR>Array.prototype.map = function(f) { <BR> var arr=[] <BR> for(var i=0;i<this.length;i++) arr.push(f(this[i])) <BR> return arr <BR>} <br><br>Array.prototype.each = function(f) { <BR> for(var i=0;i<this.length;i++) f(this[i]) <BR>} <br><br>Array.prototype.find = function(f) { <BR> for(var i=0;i<this.length;i++) if (f(this[i])) return this[i] <BR> return null <BR>} <br><br>Array.prototype.findAll = function(f) { <BR> var arr=[] <BR> for(var i=0;i<this.length;i++) if (f(this[i])) arr.push(this[i]) <BR> return arr <BR>} <br><br>Array.prototype.getPart = function(f) { <BR> for(var i=0;i<this.length;i++) if (f(this[i])) return [this.slice(0,i+1),this.slice(i+1)] <BR>} <br><br><BR>Array.prototype.all = function(f) { <BR> for(var i=0;i<this.length;i++) if (!f(this[i])) return false <BR> return true <BR>} <br><br>Array.prototype.any = function(f) { <BR> for(var i=0;i<this.length;i++) if (f(this[i])) return true <BR> return false <BR>} <br><br>Array.prototype.grep = function(regex,f) { <BR> var arr=[] <BR> for(var i=0;i<this.length;i++){ <BR> if (this[i].toString().match(regex)) arr.push((f || function(x){return x})(this[i])) <BR> } <BR> return arr <BR>} <br><br>Array.prototype.include = function(v) { <BR> for(var i=0;i<this.length;i++) if (this[i]==v) return true <BR> return false <BR>} <BR>Array.prototype.indexOf = function(v) { <BR> for(var i=0;i<this.length;i++) if (this[i]==v) return i <BR> return -1 <BR>} <br><br>Array.prototype.inject = function(v,f) { <BR> var vv=v <BR> for(var i=0;i<this.length;i++) vv=f(vv,this[i]) <BR> return vv <BR>} <br><br>Array.prototype.max=function(){ <BR> var v=this[0]; <BR> for(var i=0;i<this.length;i++) if (this[i]>v) v=this[i] <BR> return v <BR>} <br><br>Array.prototype.min=function(){ <BR> var v=this[0]; <BR> for(var i=0;i<this.length;i++) if (this[i]<v) v=this[i] <BR> return v <BR>} <br><br>Array.prototype.partition = function(f) { <BR> var arr1=[],arr2=[] <BR> for(var i=0;i<this.length;i++) f(this[i])?arr1.push(this[i]):arr2.push(this[i]) <BR> return [arr1,arr2] <BR>} <br><br></script>
<script> <BR>//对数组中每个元素都调用函数f执行,并把执行的结果按数组原排列顺序返回,返回一个数组 <BR>Array.prototype.map = function(f) { <BR> var arr=[] <BR> for(var i=0;i<this.length;i++) arr.push(f(this[i])) <BR> return arr <BR>} <br><br>//对数组中每个元素都调用函数f执行,只执行,不返回结果 <BR>Array.prototype.each = function(f) { <BR> for(var i=0;i<this.length;i++) f(this[i]) <BR>} <br><br>//最简单的例子 <BR>var arr=[3,1,5,2,7] <BR>var arr2=arr.map(function(x){return x*x}) <BR>alert(arr2) <br><br>//取整 <BR>var arr3=[3.121,1.555,5.8,2.0,7.9] <BR>var arr4=arr3.map(Math.round) <BR>alert(arr4) <br><br><BR>//返回数组中每个字符串的长度 <BR>var a1=["dasfsdfas","dasffdfs","ds","2","cccccc"] <BR>var a2=a1.map(function(x){return x.length}) <BR>alert(a2) <br><br><BR>//这个例子比较常用,比如用ajax抓了一个页面,怎么执行页面中的所有script块呢? <BR>var f=function(s){return s.replace(/^<script.*?>/,"").replace(/<\/script>$/,"")} <BR>o.value.match(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/gi).map(f).each(eval) <br><br>//更复杂的例子 <BR>// http://community.csdn.net/Expert/topic/4796/4796192.xml?temp=.2977564 <BR></script>
<script> <BR>//获取第一个使函数f为真的元素,如果找不到返回null <BR>Array.prototype.find = function(f) { <BR> for(var i=0;i<this.length;i++) if (f(this[i])) return this[i] <BR> return null <BR>} <br><br>//获取所有使函数f为真的元素,如果找不到返回空数组 <BR>Array.prototype.findAll = function(f) { <BR> var arr=[] <BR> for(var i=0;i<this.length;i++) if (f(this[i])) arr.push(this[i]) <BR> return arr <BR>} <br><br>//在数组中找一个偶数 <BR>var arr=[3,1,5,2,7,8,1,0,10] <BR>var v=arr.find(function(x){return x%2==0}) <BR>alert(v) <br><br>//找所有偶数 <BR>var arr2=arr.findAll(function(x){return x%2==0}) <BR>alert(arr2) <br><br></script>
<script> <BR>//返回一个包含两个元素的数组。这两个元素都是一个数组 arr1是所有能让f为真的元素组成的数组 arr2是剩下的元素 <BR>Array.prototype.partition = function(f) { <BR> var arr1=[],arr2=[] <BR> for(var i=0;i<this.length;i++) f(this[i])?arr1.push(this[i]):arr2.push(this[i]) <BR> return [arr1,arr2] <BR>} <br><br>//只有数组中所有元素都能让f为真才返回真 <BR>Array.prototype.all = function(f) { <BR> for(var i=0;i<this.length;i++) if (!f(this[i])) return false <BR> return true <BR>} <br><br>//只要存在任何一个元素能让f为真就返回真 <BR>Array.prototype.any = function(f) { <BR> for(var i=0;i<this.length;i++) if (f(this[i])) return true <BR> return false <BR>} <br><br>//寻找偶数和奇数 <BR>var arr=[3,1,5,2,7,8,1,0,10] <BR>var a=arr.partition(function(x){return x%2==0}) <BR>alert(a[0]) //返回所有偶数 <BR>alert(a[1]) //所有奇数 <br><br>var b=arr.all(function(x){return x%2==0}) //检查是不是数组中所有元素都是偶数 <BR>var c=arr.any(function(x){return x%2==0}) //检查数组中是不是存在偶数 <BR>alert(b) <BR>alert(c) <br><br></script>
Array.prototype.grep = function(regex,f)
用给出的正则表达式去匹配数组中的每一个元素,
对符合匹配的元素返回一个数组,当然,如果存在函数f,匹配结果还要通过函数f的处理
if (!Array.prototype.push){ //好象 ie5.0以下不支持 push()方法
Array.prototype.push=function(){
for(var i=0;i
}
return this.length;
}
}
//var arr=[]
//arr.push("1","2","3")

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...
