JavaScriptでアレイの最初の要素を取得します
この投稿では、JavaScriptでアレイの最初の要素を取得する方法について説明します。
1.使用する [] オペレーター
JavaScriptでアレイの最初の要素をフェッチするためのシンプルでかなり効率的なソリューションは、 [] オペレーター。この方法を以下に示します。
|
1 2 3 4 5 6 7 |
var arr = [ 1, 2, 3, 4, 5 ]; var first = arr[0]; console.log(first); /* 出力: 1 */ |
2.使用する Array.prototype.shift() 関数
The shift() メソッドはアレイから最初の要素を返しますが、それもアレイから削除します。元のアレイの変更を回避するために、を呼び出す前にアレイのコピーを作成できます shift() 方法。これは2つの方法で実行できます。
⮚スライス
|
1 2 3 4 5 6 7 8 |
var arr = [ 1, 2, 3, 4, 5 ]; var first = arr.slice(0, 1).shift(); console.log(first); /* 出力: 1 */ |
⮚ES6スプレッド演算子
|
1 2 3 4 5 6 7 8 |
var arr = [ 1, 2, 3, 4, 5 ]; var first = [...arr].shift(); //大規模なアレイにはコストがかかる console.log(first); /* 出力: 1 */ |
3.破壊的割り当ての使用
または、 破壊的割り当て アレイの最初の要素を取得するための構文。
|
1 2 3 4 5 6 7 8 |
var arr = [ 1, 2, 3, 4, 5 ]; const [first] = arr; console.log(first); /* 出力: 1 */ |
4.jQueryの使用
jQueryを使用すると、インデックス0をに渡すことができます .get(index) 最初の要素を取得します。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
const { JSDOM } = require("jsdom"); const { window } = new JSDOM(); var $ = require("jquery")(window); var arr = [ 1, 2, 3, 4, 5 ]; var first = $(arr).get(0); console.log(first); /* 出力: 1 */ |
5.アンダースコア/Lodashライブラリの使用
または、アンダースコアJavaScriptライブラリを使用して、 _.first メソッド。引数が指定されていない場合、アレイの最初の要素を返すだけです。そのエイリアス _.head と _.take 使用することもできます。
|
1 2 3 4 5 6 7 8 9 |
var _ = require('underscore'); var arr = [ 1, 2, 3, 4, 5 ]; var first = _.first(arr); console.log(first); /* 出力: 1 */ |
同様に、Lodashには _.head メソッド。アレイの最初の要素を返します。そのエイリアス _.first 使用することもできます。
|
1 2 3 4 5 6 7 8 9 |
var _ = require('lodash'); var arr = [ 1, 2, 3, 4, 5 ]; var first = _.head(arr); console.log(first); /* 出力: 1 */ |
これで、JavaScriptでアレイの最初の要素を取得できます。