JavaScriptシフトとJavaScriptアンシフト：完全ガイド

JavaScript shift（）は、指定された位置にある要素を削除し、残りの要素を上にシフトします。 JavaScriptのunshift（）関数はその逆を行います。 unshift（）は、特定の位置に新しい要素を追加し、残りの要素をリストの下にシフトします。

リストの先頭でアイテムを追加または削除することを決定できます。トップセールスマンのリストを作成するとします。リストの最初にナンバーワンのトップセラーを挿入することをお勧めします。

ここでJavaScriptがshift（） およびunshift（） 関数が入ります。shift（） およびunshift（） リストの先頭にあるアイテムを削除および追加するためにそれぞれ使用されます。これらの関数は、push（）関数や pop（）に似ています。 関数、ただし shift（） およびunshift（） リストの先頭へのアイテムの削除と追加のみをサポートします。

このチュートリアルでは、 shift（）の使用方法について説明します。 およびunshift（） 配列の先頭にあるアイテムを削除および追加します。さらに、JavaScriptプログラムのこれらの各関数の例を見ていきます。

JavaScriptシフト

shift（） は、配列から最初の要素を削除する組み込みのJavaScript関数です。 shift（） 関数は、作業しているJavaScript配列を直接変更します。 shift（）は、配列から削除したアイテムを返します。

shift（） 関数は、インデックス位置0の項目を削除し、将来のインデックス番号の値を1つ下げます。 shift（）の目的を思い出すのに苦労している場合 機能、これを自分に言い聞かせてください：

shift（） シフト 配列内のインデックス値を1つ下げます。

shift（） undefinedを返します shift（）を使用する場合 空のリストで機能します。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

JavaScriptの構文は次のとおりですshift（） 機能：

array_name.shift()

JavaScript配列shift（） 関数はパラメータを取りません。これは、shift（）が実行する関数が1つだけであるためです。 shift（）は、配列の最後から項目を削除します。 shift（）を使用してアイテムを任意の位置から削除できる場合は、パラメーターが必要になります。

シフトJavaScriptの例

例を見て、 shift（） メソッドは機能します。

あなたが医薬品販売チームのマネージャーであるとします。今月のトップセールスマンのリストを作成したいとします。まず、先月のトップセールスマンのリストがあります。リストの先頭からマークを削除したい。マークは2週間休暇をとっていたため、先月リストに載りませんでした。

shift（）を使用できます マークの名前をリストの先頭から削除する関数。これがshift（）の例です ヘザーをトップセールスマンリストの先頭に追加するために使用されています：

let top_salespeople = ['Mark', 'Lucy', 'Graham', 'Carol', 'Ann'];
top_salespeople.shift();

console.log(top_salespeople);

コードは次のようになります：

['Lucy', 'Graham', 'Carol', 'Ann']

コードで何が起こっているのかを説明しましょう。最初の行で、「 top_salespeople」という配列を宣言します。 」は、医薬品販売チームのトップセールスマンを格納します。次に、 shift（）を使用します リストから最初の値を削除する関数。最後に、 console.log（）を使用します 改訂されたリストをコンソールに印刷します。

ご覧のとおり、 shift（） 関数は、最初の位置に表示されたマークをリストから削除しました。

top_salespeople 配列にMarkが含まれなくなりました。これは、 shift（）が原因です。 関数は元の配列を変更します。行った変更で新しいアレイは作成されません。

JavaScriptアンシフト

JavaScript配列unshift（） 関数は、配列の先頭に1つ以上の要素を追加します。 unshift（） 関数は配列を変更し、新しい配列の長さを返します。

unshift（）の構文は次のとおりです。 機能：

array_name.unshift(item_one, item_two, …)

unshift（） 関数は、指定した数のパラメーターを受け取ります。これらのパラメータはすべて、配列の先頭に追加されます。

シフト解除JavaScriptの例

例を見ていき、 unshift（） 機能は動作します。

ハンナと呼ばれる従業員は、私たちの営業チームで素晴らしい月を過ごしました。彼女はトップセールスマンリストの1位に進みました。 top_salespeopleの1位にハンナを追加します 配列。このタスクを実行するには、次のコードを使用できます。

let top_salespeople = ['Lucy', 'Graham', 'Carol', 'Ann'];
top_salespeople.unshift('Hannah');

console.log(top_salespeople);

コードを実行すると、次の応答がコンソールに返されます。

['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']

ご覧のとおり、ハンナの名前がリストの先頭に追加されました。 unshift（） 関数はshift（）と同じように機能します 関数ですが、2つの違いがあります： unshift（） リストの先頭にアイテムを追加し、そのアイテムをパラメーターとして受け入れます。

私たちの営業チームは拡大しています。新入社員のうち2名は、わずか1か月で売上高で営業チームのトップに躍り出ました。これらの従業員をtop_salespeopleに追加したいと考えています。 リスト。ジェフはリストの最初に表示され、ピーターは2番目に表示されます。

このコードは、トップセールスマンのリストを更新します：

let top_salespeople = ['Hannah', 'Lucy', 'Graham', 'Carol', 'Ann'];
top_salespeople.unshift('Geoff', 'Peter');

console.log(top_salespeople);

コードは次のようになります：

['Geoff', 'Peter', 'Hannah', 'Lucy', 'Graham', 'Carol', 'Ann']

この2番目のサンプルコードは、最初の例と同じように機能します。 1つの違いがあります。 2番目の例では、 unshift（）で2つのパラメーターを指定しました。 1つではなく機能します。

ご覧のとおり、これらのパラメーターは、指定した順序でリストの先頭に追加されています。 Geoffが最初に表示され、Peterが2番目に表示されます。

結論

shift（） 関数を使用すると、配列の先頭から項目を削除できます。 unshift（） 関数は、配列の先頭に1つ以上の項目を追加します。

このチュートリアルでは、両方の shift（）の使用方法について説明しました。 およびunshift（） JavaScriptで配列を操作する関数。動作中のこれらの各関数のJavaScript演習をウォークスルーしました。