{category}

JavaScript - Array

array.slice()

アレイ・スライス(組み込みオブジェクト

意味 部分的な配列を作成


array.slice()とは?

`array.slice()`メソッドは、配列の一部を取り出して新しい配列を返します。

array.slice()の具体的な使い方

配列の一部を取り出す例

const fruits = ['Apple', 'Banana', 'Orange', 'Mango', 'Kiwi'];
const slicedFruits = fruits.slice(1, 4);
console.log(slicedFruits);

👇出力結果

['Banana', 'Orange', 'Mango']

この例では、fruits配列の一部を取り出しています。slice(1, 4)は、インデックス1から3までの要素を取り出します(インデックス4の要素は含まれません)。新しい配列が作成され、元の配列は変更されません。

負のインデックスを使用して配列の末尾から要素を取り出す例

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const lastThree = numbers.slice(-3);
console.log(lastThree);

👇出力結果

[8, 9, 10]

この例では、numbers配列の末尾から3つの要素を取り出しています。slice(-3)は、配列の末尾から3つの要素を新しい配列として返します。負のインデックスを使用することで、配列の末尾からカウントすることができます。

array.slice()に関するよくある質問

Q. slice()は元の配列を変更しますか?
A. いいえ、slice()は新しい配列を返し、元の配列は変更しません。
Q. 負の引数をslice()に使えますか?
A. はい、負の引数を使用できます。これは配列の末尾からの位置を指定します。例えば、-1は最後の要素を意味します。
Q. slice()の引数を省略するとどうなりますか?
A. 引数を省略すると、配列全体のコピーが返されます。slice()は元の配列のシャローコピーを作成します。

array.slice()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのarray.slice()やObject.preventExtensions()、array.splice()、Object.assign()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

Object.preventExtensions()

拡張禁止

種類: Object

array.splice()

配列を変更

種類: Array

Object.assign()

オブジェクト結合・コピー

種類: Object

NaN

数値でない

種類: 特殊な値

undefined

値を持っていない

種類: プリミティブ型