今日は、アレイとアレイで使用されるいくつかの方法を見てみましょう.

アレイとは

1つの変数に複数の値を格納できるデータ型を「アレイ」(Array)と呼びます.

アレイの宣言😃

配列(Array)は、複数のデータ値を1つの配列名に結合し、角カッコ[]として宣言することができる.
宣言時にカッコ[]に値を入力しない場合は、空の配列も作成されます.

배열명 ["값1", "값2", .....]   //기본적인 배열
배열명 [ ]                    // 빈 배열 선언

季節名を変数に割り当てるプログラムを作成する場合は、配列を使用するときと使用しないときにコードを使用します.
例を挙げてみましょう.

let spring = "봄";
let summer = "여름";
let fall = "가을";
let winter = "겨울";

この配列を使用しない場合は、4つの変数を定義してそれぞれ割り当てる必要があります.これは面倒です.
ただし、配列は、次のように簡単にコードを記述できます.

let season = ["봄", "여름", "가을", "겨울"];

索引

インデックス(index)は、簡単に言えば、配列内の複数の要素を番号と見なす.
口ではわかりにくいので、自分で作った写真を見てみましょう.

アレイメソッド

配列で使われている方法はいろいろありますが、今日は6種類だけ知りたい!

✔concat方法

concatは,異なる配列を結合することによって新しい配列を返す方法である.

let nums = [1, 2, 3 , 4];            // [1, 2, 3, 4]
let chars = ["a", "b", "c", "d"];    // ["a", "b", "c", "d"]
//2개를 연결할때
let numsChars = nums.concat(chars);   // [1, 2, 3, 4, "a", "b", "c", "d"]
//3개를 연결할때
let third = nums.concat(chars, nums); // [1, 2, 3, 4, "a", "b", "c", "d", 1, 2, 3, 4]
//배열에 값 이어붙일때
let num1 = nums.concat(1, 2, 3);      // [1, 2, 3, 4, 1, 2, 3]

✔slice方法

開始インデックスと終了インデックスを指定して要素を抽出する方法.

最初のパラメータは配列インデックスの開始点です.
2番目のパラメータには、配列インデックスの端点が含まれています.

et colors = ["red", "green", "blue", "white", "black"];
//인덱스 값이 2인 요소부터 마지막 요소까지 꺼내기
let colors2 = colors.slice(2);     // ["blue", "white", "black"]
//인덱스 값이 2부터 3인 요소까지 꺼내기
let colors3 = colors.slice(2, 4);  // ["blue", "white"]  
// 인덱스 값이 음수가 들어갈때
let colors4 = colors.slice(-1)     //["black"]

勘定科目の連結方法

spliceは、配列内の要素を削除したり、別の要素を置換したり、新しい要素を追加したりする際に必要な方法です.

最初のパラメータは配列インデックスの開始点です.
2番目のパラメータは、削除する要素の数です.
3番目のパラメータの後に、追加する要素を追加するだけです.
図には3つのパラメータが含まれていますが、必要に応じて少なくとも1つのパラメータを書き込むことができます.

let numbers = [1, 2, 3, 4, 5];
//인자가 1개인 경우 요소 삭제하기
let newNumbers = numbers.splice(2);         // [3, 4, 5]
console.log(numbers);                       // [1. 2]
//인자가 2개인 경우 요소 삭제하기
let study = ['html', 'css', 'js'];
let newStudy = study.splice(1, 1);          // ['css']
console.log(study);                         // ['html', 'js']
//인자가 3개인 경우 요소 삭제 및 추가하기
let study = ['html', 'css', 'js'];
let newStudy = study.splice(2, 1, 'wep');   // ['js']
console.log(study);                         // ['html', 'css', 'wep']

✔push方法とunshift方法

Pushとunshiftの方法は逆の方法なので一緒に説明しましょう
pushメソッドは、配列の最後に要素を追加する方法です.
unshiftメソッドは、配列の前に要素を追加するメソッドです.

let nums = [1, 2, 3, 4];
let newNums = nums.push('a', 'b');     // [1, 2, 3, 4, 'a', 'b']
let nums = [1, 2, 3, 4];
let newNumbs = nums.unshift('a', 'b'); // ['a', 'b', 1, 2, 3, 4]

✔pop方法

popメソッドは,配列の後ろの表示をポップアップするためのメソッドである.

let chars = ['a', 'b', 'c', 'd'];
let result = chars.pop()              // ['d']
console.log(chars)                    // ['a', 'b', 'c']

リファレンス

MDN Wep Docsアレイ
MDN Wep Docs arrayメソッド
JAVASCRIPT.INFO方式
📒 Do it! HTML+CS+JavaScript Web標準の定義

振り返る🤔

今回のテーマは配列と方法で、今週ずっと問題を解いていて、頭が痛くてがっかりしました.
Partですがずっと検索していて、一緒に勉強している同僚に聞いていたので、だんだん理解してきました.
ずっとMDNかグーグルで検索してたけど何だったっけ?探しながら私の記憶力がこんなに悪い.
私もあまり良くないと思いますが、みんな同じ方法で検索すると言っていたので、少し慰めになりました.
この文章は説明をコードで一言一言一言言いたいようですが、今度私が文章を読むときは、どんな内容が一目瞭然で、一目瞭然で、一目瞭然になるように努力しなければなりません.