JavaScript 시작을 위한 배열 [초보자를 위한 필독서]

1. 배열을 정의합니다.

배열을 정의하는 방법에는 두 가지가 있습니다.

1. var arr1 = [] //빈 배열 정의

2. var arr2 = [1,2 ,3 ,"str1","str2"]; //5개의 요소가 있는 배열을 정의합니다.

　3.var arr3 = new Array(3); //빈 배열 정의

　4.var arr4 = new Array(1,2,3,"str1","str2" ); //지정된 길이가 5인 배열을 정의합니다.

2. 배열 요소 읽기 및 쓰기.

　 arr[0]; //첫 번째 배열 요소를 읽습니다.

　 arr[0] = "str1"; //배열의 첫 번째 요소 값을 변경합니다.

3. 희소 배열.

희소 배열은 0부터 시작하는 비연속적인 인덱스가 있는 배열을 나타냅니다. 일반적으로 배열의 길이는 요소의 요소 수를 나타냅니다. 배열이 희박한 경우 길이 속성 값은 요소 수보다 큽니다.

in 연산자는 특정 위치에 요소가 존재하는지 여부를 감지하는 데 사용됩니다. 정의되지 않은 요소도 존재하는 것으로 간주됩니다.

　예: var a1 = [,,];

　var a2 = new Array(3);

　0 in a1 //true, 왜냐하면 a[0; ] a2에 정의되지 않은 요소

　 0이 있습니다. //false, a2에는 인덱스 0에

요소가 없습니다. 4. 배열 길이

길이 속성은 배열의 길이

예: var arr = [1,2,3,4,5];

arr.length; //5 arr 배열에는 5개의 요소가 있습니다.

5. 배열 요소 추가 및 삭제

Push: //배열 끝에 요소 추가

var arr = [1,2,3];

arr.push(4, 5); //arr은 [1,2,3,4,5]가 됩니다

delete: //배열의 특정 위치에 있는 요소를 삭제합니다

var arr = [1,2, 3]

　delete arr[1]　//arr는 arr에서 [1,,3]

　1이 됩니다　　　//false

6. 배열 순회

　배열 순회는 일반적으로 for 문을 사용하여 구현됩니다

　var arr = [1,2,3,4,5];

　for(var i = 0.i

　　if(!a[i]) continue;　　　 //널, 정의되지 않은 요소, 존재하지 않는 요소 건너뛰기

　　}

7. 다차원 배열

　 다차원 배열은 요소의 배열 또는 배열입니다

　 예: var arr = [[1,2,3],[, 4,5,6]];

　　 arr[1][1];　 // 5

8. 배열 방법

　1.join() 모두 변환하는 데 사용됩니다. 배열의 요소를 문자열로 결합하고 연결 문자를 사용자 정의할 수도 있습니다.

　var arr = [1,2,3];

　 arr.join() // = > "1,2,3"

　　 arr.join("==") // => "1==2==3";

　 2. ) 배열 요소의 순서를 바꾸는 데 사용됩니다

var arr = [1,2,3];

arr.reverse() //arr 배열은 [3,2,1]이 됩니다. ]

3. sort() ; //배열의 요소를 정렬하는 데 사용됩니다. 정렬을 위해 함수를 전달할 수 있습니다. 비어 있으면 알파벳순으로 정렬됩니다. 정의되지 않은 요소는 끝까지 정렬

　var arr = [1,2,3];

　a.sort(function(a,b){

　　　return a-b; // 표준 음수 0 양수 정렬, 비교 결과 작은 쪽부터 반환

　　}) //arr 배열의 값은 [1,2,3] 입니다. 두 번째 조건이 b-a가 되면, 결과는 [3 ,2,1]

　4.concat()　//새 배열을 결합하고 새 배열을 반환하는 데 사용됩니다

　　var arr = [1,2,3]

　　 arrnew = arr.concat(4,5)　//arrnew 배열은 [1,2,3,4,5]

　　 arrnew1 = arr.concat([4,5] ,[6, 7]); //arrnew1 배열은 [1,2,3,4,5,6,7]

　 5. Slice()　//요소로 구성된 배열을 반환하는 데 사용됩니다. 지정된 범위의 배열에서 매개변수를 입력하면 이 매개변수부터 끝까지 배열됩니다. 두 개의 매개변수는 첫 번째 매개변수가 시작 위치이고 두 번째 매개변수가 숫자입니다.

　 var arr = [1,2,3,4,5];

var arr1 = arr.slice(2) //[3,4,5]

var arr2 = arr.slice(1,3); //[2,3]

6. splice() 요소를 삭제하거나 추가합니다. 원본 배열 자체를 변경하는데, 이는 C#의 참조(ref)에 해당합니다. 원본 배열은 삭제된 요소로 구성된 배열이고, 반환 값은 나머지 요소로 구성된 배열입니다.

　var arr = [1,2,3,4,5];

　var arr1 = arr.splice(1,3) //arr는 [2,3,4]입니다. , 반환된 배열 arr1은 [1,5]

　var arr2 = [1,2,3,4,5];

　var arr3 = arr2.splice(2,0,' a','b'); //위치 2부터 삭제를 시작하고 두 요소를 삭제한 다음 이 위치에서 'a', 'b'를 삽입합니다. arr2는 삭제된 요소가 없기 때문에 []입니다. ,'a','b',3,4,5]

7. push() 및 pop() 배열 끝에 요소를 추가하거나 삭제합니다. 추가 시 마지막에 추가된 요소를 반환합니다. 삭제 시에는 마지막에 추가된 요소를 반환합니다. 반환 값은 삭제된 요소입니다.

push() 함수는 배열 끝에 요소를 추가합니다.

　　　pop()　 함수는 배열의 마지막 요소를 삭제합니다.

var arr = [1,2,3]

arr.push(4); //arr은 [1,2,3,4]

var arr1 = [1,2,3]

　 arr.pop(); // arr1은 [1,2]

8. unshift() 및 Shift()

Shift(), unshift(), push() 및 pop()은 배열의 꼬리가 아닌 머리 부분에 대한 작업일 뿐입니다.

　　shift()　배열의 선두에서 요소를 제거하고, 반환값은 삭제된 요소입니다.

　　unshift()는 배열의 선두에 요소를 추가하고 마지막에 추가된 요소를 반환합니다.

　var arr = [1,2,3];

　var a = arr.shift(); //arr은 [2,3]이 됩니다. a는 1입니다

var arr1 = [1,2,3];

var b = arr1.unshift([4,5]); //arr1은 [4,51,2,3]이 되고, b는 4입니다. 마지막에 5를 더한 뒤 4를 더합니다

　9.toString() 및 toLocaleString() 배열을 문자열로 변환

　var arr = [1,2,3]

　 arr.toString(); // "1,2,3"을 생성합니다. 매개변수가 없으면 Join()과 같습니다.

2. ECMAScript의 배열 메소드

1. forEach() | forEach()는 배열을 처음부터 끝까지 순회하며 각 요소에 대해 지정된 함수를 호출합니다.

var arr = [1, 2, 3, 4, 5];
var sum = 0;
arr.forEach(function (값) {
sum = sum + value;
       }), 배열을 반환합니다.

var arr = [1, 2, 3, 4, 5];

var arr1 = arr.map(function (value) {

return value + 1;

});
document.write(arr1.join()); //arr1은 [2,3,4,5,6]

3. filter() filter() 필터, 반환된 요소가 호출됩니다. 기준을 충족하지 않는 요소를 필터링하는 배열의 하위 집합입니다.

var arr = [1, 2, 3, 4, 5, 6];

var arr1 = arr.filter(function (i) { return i % 2 == 0 });

       document.write(arr1.join()); // arr1은 [2,4,6]

4.every() 및 some()

true를 반환하는 경우에만 배열의 모든 요소가 판단 함수를 호출하고 true를 반환하는 경우에만 가능합니다. 처음으로 false가 반환되면 탐색을 중지합니다.

　　some()은 배열에 요소가 있을 때 true를 반환하고, true를 반환하도록 판단 함수를 호출합니다. 처음으로 true가 반환되면 탐색을 중지합니다.

var arr = [1, 2, 3, 4, 5, 6];

var a = arr.every(function (x) { return x > 3; });

var b = arr.some(function(y){ return y > 3; });

document.write("a의 값은 다음과 같습니다. " + a) //a의 값은 false입니다. 3보다 큰 모든 요소는 없습니다
document.write("b의 값은 다음과 같습니다. " + b); //b의 값은 true이고 b에는 3보다 큰 요소가 있습니다

5. Reduce() 및 ReduceRight( )

　　　reduce()　 배열의 요소를 지정된 함수와 결합하여 단일 값을 생성하는 첫 번째 매개변수는 단순화된 연산 함수이고 두 번째 매개변수는 다음과 같습니다. 함수에 전달된 초기 값입니다. 최종 결과는 초기값이며 결합된 함수와 최종 결과를 바탕으로 다시 계산됩니다. 두 번째 매개변수인 초기값은 생략 가능하며, 초기값을 생략하면 첫 번째 요소부터 바로 계산이 시작됩니다.

var arr = [1, 2, 3, 4, 5, 6];

var count = arr.reduce(function (x, y) { return x + y; },0);

document.write(count);

ReduceRight(); Reduce()와 유일한 차이점은 계산을 위해 요소를 오른쪽에서 왼쪽으로 선택한다는 것입니다.

　6.indexOf() 및 lastInsexOf()

　indexOf() IndexOf()는 처음부터 끝까지 찾은 첫 번째 요소의 인덱스를 반환합니다.

lastIndexOf() lastIndexOf()는 역순으로 요소를 검색하고 처음 발견된 요소의 인덱스를 반환합니다.

var arr = [1, 2, 3, 2, 1];
var i = arr.indexOf(2); //처음부터 끝까지 검색, 2를 처음 만나는 것은 arr[1] , so Return 1
var j = arr.lastIndexOf(2); //끝부터 처음으로 검색합니다. 2가 처음 발견되는 것은 arr[3]이므로 return 3
var j = arr. lastIndexOf(2); />");
document.write(j);

7. Array.isArray(); // 객체가 배열 객체인지 확인

var arr = [1, 2, 3];
var str = "str1";
document.write(Array.isArray(arr)); //true 반환 arr은 배열 객체입니다
document .write(Array.isArray(str )); // false 반환 str은 배열 객체가 아니라 문자열입니다