ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptの配列オブジェクトのメソッドとは何ですか

JavaScriptの配列オブジェクトのメソッドとは何ですか

PHPz
リリース: 2023-04-21 09:15:32
オリジナル
549 人が閲覧しました

JavaScript はインターネット開発で広く使用されているプログラミング言語であり、配列の定義や操作を含むさまざまな操作や計算をサポートしています。配列は複数の値を保持し、それらを特定の順序で並べることができるデータ構造であり、配列オブジェクトの処理を容易にするために、JavaScript には配列オブジェクトのメソッドが多数用意されています。この記事では、一般的に使用される JavaScript 配列オブジェクトのメソッドとその使用法を紹介します。

  1. join() メソッド

join() メソッドは、配列のすべての要素を文字列に入れ、区切り文字を指定できます。例:

var fruits = ["apple", "banana", "orange"];
var result = fruits.join(", ");
console.log(result); // 输出: "apple, banana, orange"
ログイン後にコピー
  1. concat() メソッド

concat() メソッドは、2 つ以上の配列を連結して新しい配列を返すために使用されます。例:

var fruits1 = ["apple", "banana"];
var fruits2 = ["orange", "lemon"];
var result = fruits1.concat(fruits2);
console.log(result); // 输出: ["apple", "banana", "orange", "lemon"]
ログイン後にコピー
  1. push() メソッド

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

var fruits = ["apple", "banana"];
var length = fruits.push("orange", "lemon");
console.log(length); // 输出: 4
console.log(fruits); // 输出: ["apple", "banana", "orange", "lemon"]
ログイン後にコピー
  1. pop() メソッド

pop() メソッドは、配列の末尾から要素を削除し、その要素の値を返します。例:

var fruits = ["apple", "banana", "orange"];
var lastFruit = fruits.pop();
console.log(lastFruit); // 输出: "orange"
console.log(fruits); // 输出: ["apple", "banana"]
ログイン後にコピー
  1. shift() メソッド

shift() メソッドは、配列の先頭から要素を削除し、その要素の値を返します。例:

var fruits = ["apple", "banana", "orange"];
var firstFruit = fruits.shift();
console.log(firstFruit); // 输出: "apple"
console.log(fruits); // 输出: ["banana", "orange"]
ログイン後にコピー
  1. unshift() メソッド

unshift() メソッドは、配列の先頭に 1 つ以上の要素を追加し、新しい長さを返します。例:

var fruits = ["banana", "orange"];
var length = fruits.unshift("apple", "lemon");
console.log(length); // 输出: 4
console.log(fruits); // 输出: ["apple", "lemon", "banana", "orange"]
ログイン後にコピー
  1. slice() メソッド

slice() メソッドは、選択された要素を最初から最後まで (最後を除く) 含む新しい配列を返します。例:

var fruits = ["apple", "banana", "orange", "lemon"];
var newFruits = fruits.slice(1, 3);
console.log(newFruits); // 输出: ["banana", "orange"]
ログイン後にコピー
  1. splice() メソッド

splice() メソッドは、配列に対して項目を追加または削除し、削除された項目を返します。例:

var fruits = ["apple", "banana", "orange", "lemon"];
fruits.splice(1, 2, "pear", "kiwi");
console.log(fruits); // 输出: ["apple", "pear", "kiwi", "lemon"]
ログイン後にコピー
  1. forEach() メソッド

forEach() メソッドは、配列内の要素ごとに指定された関数を 1 回実行します。例:

var fruits = ["apple", "banana", "orange", "lemon"];
fruits.forEach(function(fruit) {
  console.log(fruit);
});
// 输出: "apple"
//       "banana"
//       "orange"
//       "lemon"
ログイン後にコピー
  1. filter() メソッド

filter() メソッドは、条件を満たすすべての要素を含む新しい配列を作成します。例:

var numbers = [1, 2, 3, 4, 5, 6];
var evenNumbers = numbers.filter(function(number) {
  return number % 2 == 0;
});
console.log(evenNumbers); // 输出: [2, 4, 6]
ログイン後にコピー
  1. map() メソッド

map() メソッドは、元の配列の各要素に対して関数を呼び出した結果を要素とする新しい配列を作成します。 。例:

var numbers = [1, 2, 3, 4, 5];
var squareNumbers = numbers.map(function(number) {
  return number * number;
});
console.log(squareNumbers); // 输出: [1, 4, 9, 16, 25]
ログイン後にコピー
  1. reduce() メソッド

reduce() メソッドは、配列のすべての要素を蓄積し、値を返します。例:

var numbers = [1, 2, 3, 4, 5];
var sum = numbers.reduce(function(total, number) {
  return total + number;
});
console.log(sum); // 输出: 15
ログイン後にコピー

上記は、一般的な JavaScript 配列オブジェクトのメソッドです。これらにより、配列の作成と操作がより便利になります。実際には、ニーズに応じて適切な方法を選択し、プロジェクトに使用できます。

以上がJavaScriptの配列オブジェクトのメソッドとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート