検索
JS—配列Dec 06, 2016 am 11:20 AM

Array (配列オブジェクト)
配列はオブジェクトです。配列は、順序付けられた値のコレクションです。各値は要素 (任意のタイプ) と呼ばれ、各要素には配列内の位置があり、インデックス (0-232-2) と呼ばれる数値で表されます。
1. 配列を作成します
1. 配列リテラル (直接量) を使用します
var empty=[];//空の配列
var miss=[1.1,true,"a",[1,{x:1,y: 2}]];//要素の型が異なります
var count=[1,,2];//要素は 3 つあり、途中の省略された値は未定義です
var undefs=[,,];//要素は 2 つありますが、これも 3 つに解析されるため、これは行わないでください
2. コンストラクター Array() を呼び出します
var a=new Array();//パラメータなし、空の配列と同等
var a=new Array(10); //長さ 10 の配列を指定します
var a=new Array(10, 4, "hhhh"); // 配列要素を指定しますが、リテラルを使用することは適切ではありません。メソッドを直接使用する
2. 配列要素の読み取りと書き込み
var arr =[1,2,3,4,5];//配列の最初の要素 - 2
arr[5]=6 ;//最初の要素を動的に追加します (再定義する必要はありません) 5 つの要素 - 6
delete arr[0]; 最初の要素は削除されますが、配列の長さは 6 のままで、最初の要素は未定義です
3。スパース配列には、0 から始まる要素が含まれます。 不連続にインデックスが付けられた配列。一般に、length 属性の値は実際の要素数より大きくなります
var arr1=[unknown];
var arr2=new Array(1);//arr1 の var arr2=[,]; と同じです。 true を返します。インデックス 0
0 に要素があります。 arr2; // false を返します。インデックス 0 には要素がありません。 配列属性
length: arr1.length
5. 0;i6. 多次元配列
arr[][]

//多次元配列を作成します
var table=new Array(10);//テーブルには10 rows
for(var i=0;i table[i]=new Array(10) //各行には 10 列があります
//配列を初期化します
for(var row=0) ;row

for( varcol=0;coltable[row][col]=row*col
}
}
//複数を使用します。次元配列の計算
var product=table[5][7]; //結果は 35
Seven. Array メソッド




1.join()
配列内のすべての要素を文字列に変換し、それらを結合します。文字列を返す場合は、要素を区切るための区切り文字を指定できます。指定されていない場合は、デフォルトの「,」で区切られます。
var arr=[1,2,3];
arr.join();//”1,2,3”
arr.join(”_”);//”1_2_3”


2.reverse( )
配列内の要素の順序を反転し、反転した配列を返します。元の配列は変更されます
var arr=[1,2,3];//[3,2,1] ]




3.sort()
配列内の要素をソートし、ソートされた配列を返すと、元の配列が変更されます。要素が未定義の場合は、最後までソートされます
arr=["a","c","b"];//["a","b","c" "] このメソッドがパラメーターなしで呼び出された場合、要素はアルファベット順にソートされます

arr=[13,24,51,3];
arr.sort() ;//[13,24,3,51] Convert次に、文字列が比較され、各数値の最初の桁が小さい順に並べ替えられます

arr.sort(function(a,b){
return a-b;//順序に従って、[3,13] ,24,51]
})

arr.sort(function(a,b){
return b-a;//逆順, [51,24,13,3]
})



4.concat( )
配列をマージします。元の配列は変更されません

var arr=[1,2,3];
arr.concat(4,5);//[1,2,3,4,5]
arr。 concat([4,5],6) ;//[1,2,3,4,5,6] パラメータが配列の場合、配列はフラット化されます
arr.concat(4,[5,[6] ,7]]);//[1,2, 3,4,5,[6,7]] パラメーターが配列の場合、配列要素は依然として配列であり、配列は 2 回フラット化されません




5.slice()
指定された配列のフラグメントまたはサブ配列を返します。その 2 つのパラメーターはそれぞれセグメントの開始位置と終了位置を指定します。通常は、左が閉じた間隔、右が開いた間隔になります。変更されました

var arr=[1,2,3,4,5];
arr.slice(1, 3);//[2,3]
arr.slice(1);//[2,3, 4,5] にはパラメータが 1 つだけあり、このパラメータは開始位置とみなされ、終了位置は配列
arr の末尾になります。//[2,3,4] 負の数。配列内の最後の要素に対する相対的な位置を表し、-1 は要素 5 を表します
arr.slice(-4,-3);//[ 2]




6.splice()
要素の挿入または削除配列では、元の配列が変更されます

var arr=[1,2,3,4,5]
arr.splice(2);/ /[3,4,5] は 2 番目の位置から要素を削除します。最後

arr.splice(2,2);//[3,4] 2 番目のパラメータは削除された要素の数を示します。つまり、2 番目の位置から始まる 2 つの要素を削除します

arr.splice(1, 1,"a","b"); //[2] 先頭から 1 要素を削除し、ここに "a" と "a" を挿入します "b"
arr;//[1, "a"," b",3,4,5]



7.push() と Pop()
配列をスタックとして使用して、元の配列が変更されます。
push() は配列の末尾に 1 つ以上の要素を追加し、配列の新しい長さを返します。
pop() は配列の最後の要素を削除し、配列の長さを減らし、削除された値

var を返します。 stack=[];
stack.push(1,2);//配列の長さ2を返す
stack.pop();//末尾の削除された要素2を返す



8.unshift() () 配列の先頭に
unshift() 1 つ以上の要素を追加し、配列の新しい長さを返します。
shift() は配列の最初の要素を削除し、削除された値を返します

var arr=[];
arr.unshift(2);//配列の長さ 1 を返します
arr.unshift(22);//配列の長さ 2 を返します、この時点では arr=[22,2]
arr.shift();//先頭を削除した要素 22 を返します




9.toString() および toLocaleString()
toString() は配列を "," で区切られた文字列に変換します
toLocaleString() は配列を文字列に変換しますローカリゼーション区切り文字を使用します

[1,[2,"c"] ].toString()//Return "1,2,c"





8. ECMAScript5 の配列メソッド
ECMAScript5 は 9 つの新しい配列メソッドを定義しますArray

1.forEach()
Array の走査、マップ、フィルター、検出、簡素化、検索を行うには、パラメーターは関数です。この関数は、要素、インデックス、配列自体の 3 つのパラメーターを使用して呼び出すことができます。

var arr=[1,2,3,4,5];
var sum=0;
arr.forEach(function(value){
sum+=value; // 配列を走査し、各値を合計します
});
sum;//15

arr.forEach(function(v,I,a){ //要素、インデックス、配列自体の 3 つのパラメータを使用してこの関数を呼び出します
a[i]=v+1 ;
})



追記: このメソッドは for のようにトラバーサルを早期に終了できないため、try ブロックに入れてください。 }catch(e){
if(e==foreach.break)return;
else throw e;
}
foreach,break=new Error(“StopIteration”); 2.map()
配列マッピング、元の配列は変更されていません

var arr=[1,2,3]
arr.map(function(x){
return x+10;
});/ /return [11 ,12,13]



3.filter()
配列のフィルタリング、元の配列は変更されず、返される配列は常に密です

var arr=[1,2,3,4,5 ,6,7 ,8,9,10];
arr.filter(function(x,index){
returnindex%3==0||x>=8;
});//[1,4, 7,8, 9,10]

4.every() と some()
配列の論理判断、true または false を返し、返されるべき値が確認されると、配列の走査を停止します
every () は論理「AND」に相当します。すべての要素が判定関数を呼び出して true を返す場合にのみ true を返します。
some() は論理「OR」に相当します。少なくとも 1 つの要素が判定関数を呼び出して true を返す場合、 return true

var arr=[1,2,3,4 ,5];
arr.every(function(x){
return x});//true
arr.every(function(x) ){
return x});//false

var arr=[1,2,3,4,5];
arr.some(function(x){
return x==3;
});//true
arr.every(function(x) {
return x==10;
});//false

追記: 空の配列で呼び出された場合。 Every() は true を返し、some() は false を返します

5.reduce() と reduceRight()
指定された関数を使用して配列要素を結合し、単一の値を生成します。元の配列は変更されません
reduce() には 2 つの値があります1 つ目はリダクション操作を実行する関数です。2 つ目は関数に渡される初期値です。reducedRight() のリダクション操作は右から左へ行われます。残りは、reduce() と同じです。 var arr=[1 ,2,3];
var sum=arr.reduce(function(x,y){
return x+y;
},0);//つまり、左から右に 6 を返します。 0+1=1,1 +2=3, 3+3=6

var sum=arr.reduceRight(function(x,y){
return x+y;
});// 6 を返します、つまり、3+2= 右から左へ 5,5+1=6
6.indexOf() および lastIndexOf()
配列の取得、最初に見つかった要素のインデックスを返し、見つからない場合は -1 を返します
indexOf() の検索最初から最後まで
lastIndexOf() から開始します 前後方向に検索します

var arr=[1,2,3,2,1];
arr.indexOf(2);//要素 2 のインデックスを検索し、1 を返します
arr.indexOf(4);//要素 4 のインデックスは存在しないため、-1 を返します
arr.indexOf(1,1);//最初の位置から開始して要素 1 のインデックスを検索します、4を返します
arr.indexOf(1,-3);//要素 1 のインデックスを検索、下から 3 番目から開始、4 を返す
arr.lastIndexOf(2,-2);//要素 2 のインデックスを検索、開始下から3番目から 2桁で検索を開始し、後ろから前に検索し、3を返します


9。 配列型
Array.isArray([]);//true
Array.isArray({}); //false

[]instanceof Array;//true
({})instanceof Array;//false

({}).toString.apply([])===”[オブジェクト配列]”;//本当です
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScriptの文字列文字を交換しますJavaScriptの文字列文字を交換しますMar 11, 2025 am 12:07 AM

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

カスタムGoogle検索APIセットアップチュートリアルカスタムGoogle検索APIセットアップチュートリアルMar 04, 2025 am 01:06 AM

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です!検索をyに制限することができます

独自のAjax Webアプリケーションを構築します独自のAjax Webアプリケーションを構築しますMar 09, 2025 am 12:11 AM

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

例JSONファイルの例例JSONファイルの例Mar 03, 2025 am 12:35 AM

この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます

10 jQuery構文蛍光物10 jQuery構文蛍光物Mar 02, 2025 am 12:32 AM

コードプレゼンテーションを強化する:開発者向けの10個の構文蛍光物 ウェブサイトやブログでコードスニペットを共有することは、開発者にとって一般的な慣行です。 適切な構文ハイライターを選択すると、読みやすさと視覚的な魅力を大幅に改善できます。 t

10 JavaScript&JQuery MVCチュートリアル10 JavaScript&JQuery MVCチュートリアルMar 02, 2025 am 01:16 AM

この記事では、JavaScriptとJQuery Model-View-Controller(MVC)フレームワークに関する10を超えるチュートリアルの厳選された選択を紹介します。これは、新年にWeb開発スキルを向上させるのに最適です。 これらのチュートリアルは、Foundatioのさまざまなトピックをカバーしています

8見事なjQueryページレイアウトプラグイン8見事なjQueryページレイアウトプラグインMar 06, 2025 am 12:48 AM

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

' this' JavaScriptで?' this' JavaScriptで?Mar 04, 2025 am 01:15 AM

コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call()、apply()、bind()などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン