JavaScriptの配列メソッド-シフト、アンシフト、プッシュとポップ

👋 おい、Wa ' supp皆、それは再び私です!私は私のポストに絵文字を追加する方法を学んだ今、私はそれらを使用しないように学ぶ必要があります.
今日、私は4つの異なるJavaScript(JS)配列メソッドについて話します.つの異なる方法は.shift() , .unshift() , .push() and .pop() .
これらの4つの方法は比較的短いので、すぐにそれらを学ぶことができるでしょう.すべての4つのメソッドを使用して、配列の先頭または末尾に配列を変更します.
注意:これらのメソッドは、.call() or .apply() . 配列とオブジェクトのような配列の違いについては😵) チェックアウトStack Overflow Question .

配列。プロトタイプ。shift ()

The .shift() メソッドは配列の最初の要素を削除して返します.このメソッドは配列を変更します.1 .シフトした要素で何かをしたい場合は、変数を割り当てることができます.

配列。プロトタイプ。unshift ()

The .unshift() メソッドを使用すると、配列の先頭に要素を追加でき、配列の新しい長さを呼び出し元に返します.
例

const rainbowColors = ["red", "orange", 
"yellow", "green", "blue", "indigo", 
"violet"];

// Shift Example

const shiftedElement = rainbowColors.shift();

console.log(shiftedElement + " was removed"); 
// "red was removed"
console.log(rainbowColors); 
// ["orange", "yellow", "green", "blue", "indigo", "violet"]

// Unshift Example

const newRed = "bright red";
const newLength = rainbowColors.unshift(newRed, "light orange");

console.log(newLength); // 8
console.log(rainbowColors); 
// ["bright red","light orange","orange", "yellow", "green", "blue", "indigo", "violet"]

配列。プロトタイプ。pop ()

The .pop() メソッドは、配列の末尾の要素を削除して返します.削除された要素を後で使用するには、変数として格納します.

配列。プロトタイプ。push ()

The .push() 配列の最後に要素を追加し、配列の新しい長さを返します.
例- (オブジェクトのような配列で例を示します)

// function that returns arguments
function getArguments() {
  return arguments;
}

const passedArguments = getArguments("one", "two", "three", "four" );

// calling .pop() on an Array-like Object

const poppedElement = Array.prototype.pop.call(passedArguments)
console.log(poppedElement); // "four"


// calling .push() on an Array-like Object

console.log(Array.prototype.push.call(passedArguments, "five", "six")); // 5

JSには、ビルトインがありますarguments 関数に渡された引数を含むオブジェクトのような配列です.オブジェクトの配列メソッドを直接使用することはできません.call() のように、配列のようなオブジェクトを最初の引数として渡します.あるいは、配列のようなオブジェクトから配列を作成し、配列メソッドを直接呼び出すこともできます.私は次の配列の作成/変更に関するレッスンを行います.

概要

Suppは、配列の先頭または末尾に要素を追加/削除するときに便利です.😁
覚えておいてください、あなたは常により詳細とより多くの例のためにドキュメンテーションを見ることができますMDN Web Doc
あなたがフィードバック/コメントをしている場合は、読んでいただきありがとうございます.