すべてのJavaScript開発者が知っておくべき配列メソッドPart-3

JavaScript

すべてのJavaScript開発者が知っておくべき配列メソッド Part-3

JavaScriptの配列操作で忘れず知っておきたい配列関数一覧 その3。

slice()

slice()メソッドは、指定された開始要素から終了要素までの配列内の値を持つ新しい配列を返します。

const arr = ["a", "b", "c", "d", "e"];
const sliced = arr.slice(2, 4);
console.log(sliced); // Array ["c", "d"]
console.log(arr); // Array ["a", "b", "c", "d", "e"]

reverse()

reverse()メソッドは、指定した配列の配列内の値を反転させます。最後のインデックスの要素が最初になり、0のインデックスの要素が最後になります。

const arr = [1, 2, 3];
arr.reverse();
console.log(arr); //Array [3, 2, 1]

push()

push()メソッドは、1つ以上の要素を配列の最後に追加し、配列の新しい長さを返却します。

const fruits = ["Apple", "Peach"];
console.log(fruits.push("Banana"));
// 3 
console.log(fruits);
// Array ["Apple", "Peach", "Banana"]

pop()

pop()メソッドは、指定した配列の末尾から最後の要素を削除し、残った配列を返却します。

const fruits = ["Apple", "Peach"];
fruits.pop();
console.log(fruits);
// Array ["Apple"]

shift()

shift()メソッドは、配列から最初の要素を削除し、残った配列を返却します。

const fruits = ["Apple", "Peach"];
fruits.shift();
console.log(fruits);
// Array ["Peach"]

unshift()

unshift()メソッドは、1つまたは複数の要素を配列の先頭に追加し、配列の新しい長さを返却します。

const fruits = ["Apple", "Peach"];
console.log(fruits.unshift("Banana"));
// 3
console.log(fruits);
// Array ["Banana", "Apple", "Peach"]
  • この記事を書いた人

九十九史恩

キーを叩いていないときは、都会や田舎の風景を探検しています。

よく読まれている記事

条件の0=0は全てが正であるを意味するSQL 1

SQLの条件に0=0のような記述を見かけます。 変わった書き方の条件ですが、これは「全てが正である」事を意味しており、結合条件の場合はCROSS JOINと同じです。 下記の例で言えば、結合するsub ...

DISTINCTを使わないで重複排除を考えるSQL 2

SQLのDISTINCTはEXISTSとかGROUP BYでなんとかする事もできます。 DISTINCTは暗黙的なソートがされますが、何のDBを使うにせよ過去のバージョンならともかく、最近のバージョン ...

RFC 5322に準拠させた正規表現言語別 3

RFC5322で定義されている正規表現を、各言語の正規表現に変化させた形になります。 完全な電子メール正規表現は存在しないので、結局のところ何かの公式基準に従っていたとしても、自分が携わるサービスのル ...

-JavaScript