1。配列について
配列作成は非常に柔軟です。アレイコンストラクターを使用するか、「リテラル」アレイを直接作成できます。
var arr = new array(); // [] var brr = array(); // [] 2つはvar arr = array(3)に相当します。 // [] arr.length; // 3の空の配列3 var arr = array(22,33、 'qq'、{}); // [22、33、 "qq"、object] var brr = [22,33、 'qq'、{}]; //同上配列は、JavaScriptの組み込みオブジェクトです。はい、それは配列ですが、オブジェクトでもあります! !
typeofを使用して判断します。オブジェクトを返します! Array.isArrayメソッドは、そのタイプをより正確に決定できます。
var a = []; typeof a; //ObjectArray.isarray(a); //真実
2。一般的な方法
push()メソッド
pushメソッドは、配列の最後に1つ以上の要素を追加し、変更された配列の長さを返すことができます!
注: anrayアレイではなく、配列の長さを返します!
この方法は、元の配列を変更します! !
var arr = array(22,33、 'qq'、{}); arr.push( 'weibo'); // 5ARR // [22、33、 "qq"、{}、 "weibo"]]これは、2つの配列をマージしたいときに使用する必要があるものです
var a = [22,33]; var b = [44,55]; array.prototype.push.apply(a、b)//またはa.push.apply(a、b)//またはa.push(44,55); //配列a = [22,33,44,55];
以下を書かないように注意してください! !
a.push(b); a; // [22,33,55] a.length; // 3 !! console.log(a); // [22、33、配列[2]]
a.push(b)として直接書くと、bがAに要素として追加され、理想的な効果が得られません!
2つのオブジェクト配列をこのようにマージする必要がある場合:
var a = [ {name: 'Stark', value: 'Ironman'}, {name: 'Cap' , value: 'Oldman'}];var b = [ {name: 'Jerry', email: '[email protected]'}, {name: 'Lory' , email: '[email protected]'}, {name: 'susan', email: '[email protected]'}];//Error writing a.push(b); //3console.log(a); // [オブジェクト、オブジェクト、配列[3]] //正しい書き込みa.push.apply(ab); //5Console.log(a); // [オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト]pop()メソッド
pushとは対照的に、それは配列の最後の要素を削除し、削除された要素を返すことです。
var a = ['qq'、 'weibo'、 'weixin']; a.pop(); // 'weixin'a; // ['qq'、 'weibo']
join()メソッド
対応するパラメーターで配列を分離し、文字列として返します。パラメーターが空になっている場合は、 '、'を使用して分離します。この方法では、元の配列は変更されません。
var a = [1、2、3、4]; a.join( '')// '1 2 3 4'a.join(' | ')// "1 | 2 | 3 | 4" var b = a.join()// "1,2,3,4" console.log(a); // [1,2,3,4] console.log(b); //「1,2,3,4」
concat()メソッド
複数の数値を組み合わせて新しい配列を返すことができますが、元の配列は変更されません。
var a = [22,33]; var b = [44,55]; var c = a.concat(b); console.log(a); // [22、33] Console.log(b); // [44、55] console.log(c); // [22、33、44、55]
var a = [{name: 'tom'、email: '[email protected]'}、{name: 'peter'、email: '[email protected]'}]; var b = [{name: 'jerry'、email: '[email protected]'}、{name: 'lory'、[email protected] '}、{name '[email protected]'}]; var c = a.concat(b); c; // [{name: 'tom'、email: '[email protected]'}、// {name: 'peter'、email: '[email protected]'}、// {name: 'peter'、email: '[email protected]'}、// {name '、' jerry '、[email protected]'}、emay '}、emay '[email protected]'}、// {name: 'susan'、value: '[email protected]'}]]map()メソッド
mapメソッドは、配列の各メンバーの関数を順番に呼び出し、関数によって処理された新しいアレイを返しますが、元の配列は変更されません!
var番号= [1、2、3]; var num = numbers.map(function(n){// [2、4、6] return n * 2;}); numbers; // [1,2,3] mapメソッドで呼び出される関数のパラメーターが1の場合、このパラメーターは配列の現在のメンバーを表します。パラメーターが3の場合、それらは順番にあります
現在のメンバーelem 、インデックスindex 、元の配列arr
var brr = [1、2、3] .map(function(elem、index、arr){return elem * index;}); brr; // [0、2、6] mapメソッドは2番目のパラメーターを受け入れることもできます。これは、コールバック関数が実行されたときにthisによって指摘されたオブジェクトを示します。
var arr = ['a'、 'b'、 'c']; var brr = [0、2] .map(function(e){return this [e];}、arr)brr; // ['a'、 'c']アプリケーションでは、AJAXテクノロジーを使用すると、パラメーター配列をURL要求に動的に変換する必要がある場合がある場合があります。たとえば、 mapメソッドは非常に便利です。
var b = [{name: 'jerry'、email: '[email protected]'}、{name: 'lory'、email: '[email protected]'}、{name: 'susan'、value: '[email protected]'}]; var url = b。 map(function(n){return n.name + "=" + n.email}).jein( "&"); console.log(url); //[email protected]&[email protected]&[email protected]次に、URLの前にIPアドレス、アクション、メソッドを追加して、AJAXが必要とする動的URLスプライシングを完了します。
var endurl = "localhost:8080/xxxx/" + eventaction + "!" + Operation + "?" + url;
要約します
上記は、この記事のコンテンツ全体です。皆の勉強や仕事に役立つことを願っています。ご質問がある場合は、メッセージを残してコミュニケーションをとることができます。