JavaScriptの基本操作配列メソッド

1. 要素にアクセスします。

インデックスによる要素へのアクセス: 角括弧とインデックスを使用して、配列内の指定された位置にある要素を取得します。

const array = [1, 2, 3];
console.log(array[0]); // 输出: 1

配列の長さを取得する:lengthプロパティを使用して配列の長さを取得します。

const array = [1, 2, 3];
console.log(array.length); // 输出: 3

2. 要素を追加します。

配列の末尾に要素を追加する:push()メソッドを使用して配列の末尾に要素を追加します (元の配列が変更されます)。

const array = [1, 2, 3];
array.push(4);
console.log(array); // 输出: [1, 2, 3, 4]

配列の先頭に要素を追加する:unshift()メソッドを使用して配列の先頭に要素を追加します (元の配列が変更されます)。

const array = [1, 2, 3];
array.unshift(0);
console.log(array); // 输出: [0, 1, 2, 3]

指定した位置に要素を挿入する:splice()メソッドを使用して、指定したインデックスに要素を挿入します (元の配列は変更されます)。

const array = [1, 2, 3];
array.splice(1, 0, 1.5);
console.log(array); // 输出: [1, 1.5, 2, 3]

3. 要素を削除します。

配列の末尾の要素を削除する:pop()メソッドを使用して配列の末尾の要素を削除し、削除された要素を返します (元の配列は変更されます)。

const array = [1, 2, 3];
const removedElement = array.pop();
console.log(array); // 输出: [1, 2]
console.log(removedElement); // 输出: 3

配列の先頭の要素を削除する:shift()メソッドを使用して配列の先頭の要素を削除し、削除された要素を返します (元の配列は変更されます)。

const array = [1, 2, 3];
const removedElement = array.shift();
console.log(array); // 输出: [2, 3]
console.log(removedElement); // 输出: 1

指定した位置の要素を削除する:splice()メソッドを使用して、指定したインデックスの要素を削除します (元の配列は変更されます)。

const array = [1, 2, 3];
array.splice(1, 1);
console.log(array); // 输出: [1, 3]

4. 要素を変更します。

指定された位置の要素を変更する: インデックスおよび代入操作を通じて、指定された位置の要素を変更します (元の配列が変更されます)。

const array = [1, 2, 3];
array[1] = 5;
console.log(array); // 输出: [1, 5, 3]

5. 配列の走査:

for配列をループするために使用します(元の配列は変更されません)。

const array = [1, 2, 3];
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

このメソッドを使用してforEach()配列を走査します (元の配列は変更されません)。

const array = [1, 2, 3];
array.forEach((item, index, array)=> {
  console.log(item); // 输出当前元素
  console.log(index); // 输出当前索引
  console.log(array); // 输出原始数组
});

6. 要素を検索します。

このメソッドを使用してfind()、条件を満たす最初の要素を見つけます (元の配列は変更されません)。

const array = [1, 2, 3, 4, 5];
const foundElement = array.find((item) => {
  return item > 3; // 查找大于3的元素
});
console.log(foundElement); // 输出: 4

このメソッドを使用してfindIndex()、条件を満たす最初の要素のインデックスを見つけます (元の配列は変更されません)。

const array = [1, 2, 3, 4, 5];
const foundIndex = array.findIndex((item) => {
  return item > 3; // 查找大于3的元素的索引
});
console.log(foundIndex); // 输出: 3

7. 配列のフィルタリング:

このメソッドを使用してfilter()配列をフィルタリングし、対象となる要素をすべて検索します (元の配列は変更されません)。

const array = [1, 2, 3, 4, 5];
const filteredArray = array.filter((item) => {
  return item % 2 === 0; // 过滤偶数
});
console.log(filteredArray); // 输出: [2, 4]

8. 配列マッピング:

次のメソッドを使用してmap()配列をマップします (元の配列は変更されません)。

const array = [1, 2, 3];
const mappedArray = array.map((item) => {
  return item * 2; // 每个元素乘以2
});
console.log(mappedArray); // 输出: [2, 4, 6]

9. 配列のソート:

メソッドを使用してsort()配列を並べ替えます (元の配列が変更されます)。

const ascendArray = [3, 1, 2];
const descendArray = [3, 1, 2];
// 升序排序
ascendArray.sort((a, b) => a - b);
console.log(ascendArray); // 输出: [1, 2, 3]
// 降序排序
descendArray.sort((a, b) => b - a);
console.log(descendArray); // 输出: [3, 2, 1]

10. アレイ接続:

concat()複数の配列を新しい配列に連結するには、次のメソッドを使用します(元の配列は変更されません)。

const array1 = [1, 2];
const array2 = [3, 4];
const newArray = array1.concat(array2);
console.log(newArray); // 输出: [1, 2, 3, 4]

11. 配列のスライス:

このメソッドを使用して、slice()元の配列から指定された範囲の要素を取得します (元の配列は変更されません)。

const array = [1, 2, 3, 4, 5];
const slicedArray = array.slice(1, 3);
console.log(slicedArray); // 输出: [2, 3]

12. 要素インデックスを検索します。

このメソッドを使用してindexOf()、配列内の要素のインデックスを検索します (元の配列は変更されません)。

const array = [1, 2, 3, 2];
console.log(array.indexOf(2)); // 输出: 1
console.log(array.lastIndexOf(2)); // 输出: 3

13. 配列の反転:

次のメソッドを使用してreverse()配列要素の順序を逆にします (元の配列が変更されます)。

const array = [1, 2, 3];
array.reverse();
console.log(array); // 输出: [3, 2, 1]

14. 配列チェック:

このメソッドを使用して、some()条件を満たす要素が配列内に存在するかどうかを確認します。

const array = [1, 2, 3, 4, 5];
const hasEvenNumber = array.some((item) => {
  return item % 2 === 0; // 检查是否存在偶数
});
console.log(hasEvenNumber); // 输出: true

このメソッドを使用して、every()配列内のすべての要素が条件を満たすかどうかを確認します。

const array = [1, 2, 3, 4, 5];
const allGreaterThanZero = array.every((item) => {
  return item > 0; // 检查是否所有元素都大于0
});
console.log(allGreaterThanZero); // 输出: true

15. 配列累積演算:

reduce()配列に対して累積演算を実行するには、次のメソッドを使用します。

const array = [1, 2, 3, 4, 5];
const sum = array.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);
console.log(sum); // 输出: 15