JavaScript 配列関数の unshift、shift、pop、push 使用例_JavaScript スキル

配列の宣言方法

内の配列の宣言は、いくつかの方法で宣言できます

コードをコピー コードは次のとおりです:

var tmp = [] // 省略モード
; var tmp = new Array() // 新しい配列を直接作成します
var tmp = Array() // または new も使用できます

新しい配列を作成するとき、配列
の初期化の長さを示すパラメーターを渡すことができます。

コードをコピー コードは次のとおりです:

// 新しい場合、初期化された配列の長さを示すパラメータが渡されます
var tmp = 新しい配列
;
アラート(tmp.length); // 3

ただし、要素 3 を 1 つだけ含む配列を作成したい場合は、新しいメソッドを使用して作成することはできません。引用符を使用して配列の長さとして扱わない限り、システムは渡した 3 を配列の長さとして扱うからです。
などの文字列

コードをコピー コードは次のとおりです:

var tmp = 新しい配列('3'); アラート(tmp); // 3

短縮モードを使用して配列を作成できます。これにより、数値要素 3
を 1 つだけ含む配列を作成できます。

コードをコピー コードは次のとおりです:

var tmp = [3]
alert(typeof tmp[0]) // 数値

複数の要素を初期化することもでき、要素の値は任意の型にすることができます

コードをコピー コードは次のとおりです:

// シンプルモードでは配列を作成します
// 配列の要素は任意のデータ型にすることができます
var tmp = [3,true,8.5,{'name':'lizhong'},['a','b']];
アラート(tmp.length); // 5

1. 配列 の最初の要素の前に要素をシフト解除して挿入します。

コードをコピーします コードは次のとおりです:

// unshift を使用して、配列の最初の要素の前に要素を挿入します
// 配列の長さを返します
var tmp = ['a','b'];
var len = tmp.unshift('c');
アラート(len); // 3
アラート(tmp); // c,a,b

複数の要素を左から順に一度に挿入することもできます

コードをコピー コードは次のとおりです:

// unshift を使用して、配列の最初の要素の前に要素を挿入します
// 配列の長さを返します
var tmp = ['a','b'];
var len = tmp.unshift('c','d');
アラート(len); // 4
アラート(tmp); // c,d,a,b

2. Shift は配列の最初の要素をポップし、ポップされた要素の値を返します

小さな例:

コードをコピー コードは次のとおりです:

// シフトを使用して配列の最初の要素を取り出します
// ポップされた要素の値を返します
var tmp = ['a','b','c'];
var val = tmp.shift();
アラート(val); //
アラート(tmp); // b,c

空の配列の場合:

コードをコピー コードは次のとおりです:

// シフトを使用して配列の最初の要素を取り出します
// ポップされた要素の値を返します
var tmp = [];
var val = tmp.shift();
アラート(val); // 未定義
アラート(tmp); // 空

3. プッシュして配列の最後に要素を追加します

シフト解除とは逆に、プッシュは配列の最後に要素を追加し、要素を追加した後の配列の長さを返します

コードをコピー コードは次のとおりです:

// プッシュを使用して配列の最後に複数の要素を追加します
// 配列の最新の長さを返します
var tmp = ['a','b','c'];
var len = tmp.push('d');
アラート(len); // 4
アラート(tmp); // a,b,c,d

複数の要素を一度に追加することもできます

コードをコピー コードは次のとおりです:

// プッシュを使用して配列の最後に複数の要素を追加します
// 配列の最新の長さを返します
var tmp = ['a','b','c'];
var len = tmp.push('d','e','f');
アラート(len); // 6
アラート(tmp); // a、b、c、d、e、f

4. Pop 関数は配列

の末尾の要素を削除します。

shift とは逆に、pop は配列の最後にある要素をポップし、ポップされた要素の値を返します

コードをコピー コードは次のとおりです:

// Pop を使用して配列の最後の要素をポップアップします
// ポップされた要素の値を返します
var tmp = ['a','b','c'];
var val = tmp.pop();
アラート(val); // c
アラート(tmp); // a,b

配列が空の場合は、未定義
を返します

コードをコピー コードは次のとおりです:

// Pop を使用して配列の最後の要素をポップアップします
// ポップされた要素の値を返します
var tmp = [];
var val = tmp.pop();
アラート(val); // 未定義
アラート(tmp); // 空

上記の 4 つの関数を使用すると、キュー処理を行うことができます。特定のケースに応じたコードは記述しません。
実際にプッシュ機能はこんな感じで実装できます

コードをコピー コードは次のとおりです:

var tmp = ['a','b','c'];
tmp[tmp.length] = 'd';
アラート(tmp); // a,b,c,d

注: 上記の 4 つの関数 unshift、shift、pop、push の関数操作は配列自体を変更します。