script-配列


1.配列のデフォルト


1)対象(対象)


オブジェクト(object)は資料型の一種であり,種々の値が集合した別の値である.オブジェクトのタイプは、関数ではなく配列、関数、配列、または他のオブジェクトに分けることができます.

2)アレイ

const red = '빨강';
const blue = '파랑';
const yellow = '노랑';
const orange = '주황';
const color = ['빨강','파랑','노랑','주황']
上のコードと下のコードの違いを見てみましょう.
色の種類が多すぎるので、すべての色に変数名をつけるよりも、colorというconstで組み合わせたほうがいいです.
const color = ['빨강','파랑','노랑','주황'];

console.log(color[0]);
console.log(color[1]);
console.log(color[2]);
console.log(color[3]);

// 결과 값

빨강
파랑
노랑
주황
上にはコードのように色をロードできます.
配列に配列を入れるか、配列に変数を入れることができます.
const arrayOfArray = [[1,2,3],4,5];
arrayOfArray[0]; //[1,2,3]

const a = 1;
const b = 2;
const variableArray = [a,b,3];
variableArray[1]; // b값인 2가 출력

3)元素


配列の値を要素と呼びます.配列内の要素の数を知りたい場合は、「配列」をクリックします.lengthを作ればいい
const color = ['빨강','파랑','노랑','주황'];
console.log(color.length);

//결과 값
4
上にコードを適用すると、配列内の要素を検索することもできます.
const color = ['빨강','파랑','노랑','주황'];
console.log(color[color.length -1]); // console.log(color[4-1])

//결과 값
주황
これにより、要素の後ろから順に検索できます.

4)要素を配列に入れる

const color = ['빨강','파랑','노랑','주황'];
color[4] = '보라'
console.log(color)

//결과 값

['빨강','파랑','노랑','주황','보라'];
しかし、このように追加すると、配列の長さを知る必要があるので、他の方法を試してみることができます.
const color = ['빨강','파랑','노랑','주황'];
color[color.length] = '보라';
console.log(color)

// 결과 값

['빨강','파랑','노랑','주황','보라'];
ただし、通常、配列に値を追加する場合は배열.push()を使用します.
const color = ['빨강','파랑','노랑','주황'];
color.push() = '보라';
console.log(color)

//결과 값

['빨강','파랑','노랑','주황','보라'];
配列の一番前に要素を追加したい場合は、どうすればいいですか?この場合は배열.unshiftの機能があります.
const color = ['빨강','파랑','노랑','주황'];
color.unshift('보라');
console.log('color')

// 결과 값

['보라','빨강','파랑','노랑','주황'];

2.並べ替え方法(修正、照会)


1)アレイ内の要素の変更

const color = ['빨강','파랑','노랑','주황'];
color[3] = '보라'
console.log(color)

//결과 값

['빨강','파랑','노랑','보라'];
上のように修正したい箇所を指定して変更すればいいです.

2)アレイからの要素の削除


整列pop()を使用して、配列の最後の要素を削除します.
const color = ['빨강','파랑','노랑','주황'];
color.pop();
console.log(color)

//결과 값

['빨강','파랑','노랑'];
逆に、배열.shift()を使用して第1の要素を除去することができる.
const color = ['빨강','파랑','노랑','주황'];
color.shift();
console.log(color)

//결과 값

['파랑','노랑','주황'];
では、真ん中の要素はどうやって取り除きますか?배열.splice()を使えばいいです.
배열.splice(지우고싶은 인덱스, 그 인덱스로부터 몇개를 지울지);

// 예시

const color = ['빨강','파랑','노랑','주황'];
color.splice(1,1);
console.log(color)

//결과 값

['빨강','노랑','주황'];
배열.splice()に1つの値だけ追加したらどうなりますか?
const color = ['빨강','파랑','노랑','주황'];
color.splice(1);
console.log(color)

//결과 값

['빨강'];
指定した要素から後のすべての値を削除します.배열.splice()で配列内の要素を削除し、他の要素を追加できます.
const color = ['빨강','파랑','노랑','주황'];
color.splice(1,1,'보라');
console.log(color)

//결과 값

['빨강','보라','노랑','주황'];

3)配列内の要素の検索


配列に特定の要素があるかどうかを検索するには、배열.includes()機能を使用します.
const color = ['빨강','파랑','노랑','주황'];
const a = color.includes('빨강');
const b = color.includes('보라');
console.log('a')
console.log('b')

//결과 값

true
false
配列にtrueがない場合falseが出力されます.배열.indexOf()와 배열.lastIndexOfによって、検索したい値がいくつかのインデックスにあることもわかります.
const color = ['빨강','파랑','노랑','주황'];
const a = color.indexOf('파랑');
const b = color.lastIndexOf('노랑');
const c = color.indexOf('보라');
console.log('a')
console.log('b')
console.log('c')

//결과 값
1
1
-1
indexOfは前から順に検索し、lastIndexOfは後から検索し、値がない場合は-1を出力します.

4)重複アレイ


配列は通常、値がリストされているため、重複文とともに使用されますが、両方とも使用できます.
const color = ['빨강','파랑','노랑','주황'];
    let k = 0
    while(k < color.length) {
        console.log(target[k])
        k++
    }

// 결과 값

빨강
파랑
노랑
주황
const color = ['빨강','파랑','노랑','주황'];
for( k = 0; k < color.length; k++){
    console.log(color[k]);
}

// 결과 값
빨강
파랑
노랑
주황