js 배열 함수. JavaScript에서 배열 작업에 유용한 기술입니다. 긴 참고 사항: Array() 생성자 사용

js에서 배열을 색인화하고 해당 요소를 제거하고 추가하는 방법을 학습합니다.

JavaScript의 배열은 값 목록을 보유하도록 설계된 전역 개체입니다.

모든 유형의 데이터를 저장할 수 있다는 점에서 다른 변수와 유사합니다. 그러나 배열에는 변수와 한 가지 중요한 차이점이 있습니다. 즉, 한 번에 두 개 이상의 요소를 저장할 수 있다는 것입니다.

배열은 순서가 지정된 값 모음입니다. 각 값은 요소라고 하며 인덱스라고 하는 고유한 번호를 갖습니다.

배열 내의 요소는 모든 유형이 될 수 있습니다. 또한 한 배열의 요소는 숫자, 문자열, 논리 요소, 심지어 개체나 다른 배열 등 다양한 유형이 될 수 있습니다.

배열 요소의 순서는 0부터 시작합니다. 배열은 항상 1만큼 오프셋된 인덱스를 갖습니다. 첫 번째 요소의 인덱스는 0 이고 두 번째 요소의 인덱스는 1 입니다.

다음은 다양한 유형의 요소가 포함된 배열의 예입니다.

배열 생성(선언)

배열은 필요한 만큼의 데이터를 저장할 수 있기 때문에 매우 편리합니다. js 배열의 가능한 최대 크기는 2 32 요소입니다.

배열을 만들고 싶다고 JavaScript에 알려야 합니다. 이에 대한 두 가지 옵션이 있습니다. 대괄호또는 새 키워드.

속기: 대괄호 사용

대괄호로 묶인 쉼표로 구분된 값 목록입니다.

var myArray = [ "잭", "소여", "존", "데스몬드" ];

배열의 내용은 대괄호 사이의 내용에 따라 결정됩니다. 각 값은 쉼표로 구분됩니다.

값은 단순 변수와 같은 방법으로 설정합니다. 즉, 문자열은 따옴표 등으로 묶어 선언해야 합니다.

빈 배열을 선언하려면 괄호를 비워 두세요.

var myArray = ;

긴 참고 사항: Array() 생성자 사용

var LostArray = new Array("잭", "소여", "존", "데스몬드"); var TwinPeaksArray = new Array("Laura", 2, ["Bob", "Leland", "Dale"]);

new 키워드는 값이 매개변수로 전달되는 새 배열을 생성하도록 JavaScript에 지시합니다.

배열에 포함될 요소 수를 미리 알고 있다면 이 값을 생성자에 즉시 전달할 수 있습니다.

var myArray = new Array(80);

위의 표현식은 정의되지 않은 값을 가진 80개 슬롯의 빈 배열을 생성합니다.

빈 배열 선언:

var myArray = 새로운 배열();

배열 요소에 접근하기

각 요소의 인덱스를 사용하면 배열의 모든 데이터에 대해 작업할 수 있으며 연산자를 사용하여 해당 데이터에 액세스할 수 있습니다.

var myArray = ["잭", "소여", "존", "데스몬드"]; 콘솔로그(myArray); // "Jack" 인쇄 console.log(myArray); // "데스몬드"를 인쇄합니다.

배열은 여러 수준을 가질 수 있습니다. 즉, 각 요소 자체가 배열이 될 수 있습니다. 결과는 2차원 js 배열입니다. 다른 배열 내부에 있는 이러한 배열("다차원 배열")을 어떻게 참조합니까?

예를 들어, 가족을 나타내는 배열을 생각해 보겠습니다. 이 가족의 자녀는 기본 가족 내부의 별도 배열에 기록됩니다.

var familyArray = ["마지", "호머", ["바트", "리사", "매기"]];

이는 다음과 같이 표현될 수 있습니다:

"Lisa" 값을 참조하려면:

varlisa = familyArray; 콘솔로그(lisa); // "리사"를 인쇄합니다.

이는 거의 무기한으로 계속될 수 있으므로 중첩된 데이터 세트를 배열에 저장하고 인덱스를 사용하여 액세스할 수 있습니다.

배열에 요소 추가하기

우리는 각각의 인덱스를 사용하여 배열의 요소에 액세스하는 방법을 알아냈습니다. 마찬가지로 다음과 같이 선언하여 요소를 추가(또는 변경)할 수 있습니다.

var myArray = [ "케이트", "태양"]; myArray = "줄리엣"; 콘솔로그(myArray); // "케이트, 선, 줄리엣"을 인쇄합니다.

앞에 다른 요소가 없는 인덱스에서 요소를 선언하면 어떻게 되나요? 배열 자체는 누락된 모든 요소를 ​​생성하고 해당 요소에 undefed 값을 할당합니다.

var myArray = ["케이트", "태양"]; myArray = "줄리엣"; console.log(myArray.length); // "6"을 인쇄합니다. console.log(myArray); // ["Kate", "Sun", 정의되지 않음, 정의되지 않음, 정의되지 않음, "Juliet"]를 인쇄합니다.

length 속성을 사용하여 js 배열의 길이를 확인할 수 있습니다. 위의 예에서는 배열에 6개의 요소가 있으며 그 중 3개에는 값이 지정되지 않았습니다. 즉 undef로 표시되어 있습니다.

푸시() 메서드

push() 메서드를 사용하면 js 배열에 하나 이상의 요소를 추가할 수 있습니다. Push()는 무제한의 매개변수를 허용하며 모든 매개변수는 배열 끝에 추가됩니다.

var myArray = [ "케이트", "수트"]; myArray.push("줄리엣"); // 배열 끝에 "Juliet" 요소를 추가합니다. myArray.push("Libby", "Shannon");// 배열 끝에 "Libby" 및 "Shannon" 요소를 추가합니다. console.log(myaArray ); // ["Kate", "Soon", "Juliet", "Libby", "Shannon"]을 인쇄합니다.

unshift() 메서드

unshift() 메서드는 배열의 시작 부분에 요소를 추가한다는 점을 제외하면 push() 와 동일하게 작동합니다.

var myArray = [ "케이트", "태양"]; myArray.unshift("줄리엣"); // 배열의 시작 부분에 "Juliet" 요소를 추가합니다. myArray.unshift("Libby", "Shannon"); // 배열의 시작 부분에 "Libby" 및 "Shannon" 요소를 추가합니다. console.log(myArray); // ["Libby", "Shannon", "Juliet", "Kate", "Sun"] 출력

배열 요소 삭제 pop() 및 Shift() 메서드

pop() 및 Shift() 메서드는 각각 배열의 마지막 요소와 첫 번째 요소를 제거합니다.

var myArray = ["잭", "소여", "존", "데스몬드", "케이트"]; myArray.pop(); // "Kate" 요소를 제거합니다. myArray.shift(); // "Jack" 요소를 제거합니다. console.log(myArray); // ["소이어", "존", "데스몬드"] 출력

스플라이스() 메서드

splice() 메서드를 사용하면 요소의 정확한 인덱스를 지정하면서 배열에 요소를 제거하거나 추가할 수 있습니다.

다음 예제에서 splice() 메서드는 인덱스 2에서 시작하는 두 개의 요소(즉, 세 번째 요소 )를 추가합니다.

var FruitArray = ["사과", "복숭아", "오렌지", "레몬", "라임", "체리"]; FruitArray.splice(2, 0, "멜론", "바나나"); console.log(과일Array); // ["사과", "복숭아", "멜론", "바나나", "오렌지", "레몬", "라임", "체리"] 출력

splice() 메서드의 첫 번째 매개변수는 인덱스입니다. 요소를 추가/제거할 위치를 지정합니다. 이 예에서는 인덱스 2(값이 "orange"임)를 선택했습니다.

두 번째 매개변수는 제거할 요소의 개수입니다. 값을 0으로 지정했으므로 아무것도 삭제되지 않습니다.

다음 매개변수는 선택사항입니다. 그들은 배열에 새로운 값을 추가합니다. 우리의 경우 인덱스 2부터 "멜론"과 "바나나"를 추가해야 합니다.

배열이란 무엇입니까?

배열은 번호가 매겨진 값을 저장하는 데이터 유형입니다. 번호가 매겨진 각 값을 배열의 요소라고 하며, 요소와 연결된 숫자를 해당 배열의 인덱스라고 합니다. JavaScript 배열은 유형이 지정되지 않습니다. 즉, 배열 요소는 모든 유형이 될 수 있으며 동일한 배열의 다른 요소는 다른 유형. 또한 JavaScript 배열은 동적이므로 고정된 크기를 선언할 필요가 없으며 언제든지 새 요소를 추가할 수 있습니다.

배열 만들기

배열은 두 가지 방법으로 만들 수 있습니다. 첫 번째는 배열 리터럴(대괄호 안에 쉼표로 구분된 요소 목록)을 사용하여 배열을 만드는 것입니다.

var 비어 있음 = ; //빈 배열 var number = ; //5개의 숫자 요소가 있는 배열 var diff = ; //3개의 요소로 구성된 배열 다양한 방식

값은 단순할 필요는 없습니다(숫자 또는 문자열). 객체 리터럴, 다른 배열 또는 함수와 같은 다른 표현식일 수도 있습니다.

바넘 ​​= 700; var 탭 = , 숫자 + 1];

배열을 만드는 두 번째 방법은 Array() 생성자를 호출하는 것입니다. Array() 생성자를 호출하는 방법에는 세 가지가 있습니다.

• 인수 없이 생성자 호출:

varb = 새로운 배열();

이 경우 빈 리터럴과 동일한 빈 배열이 생성됩니다.

• 생성자는 배열의 n개 요소 값을 명시적으로 지정합니다.

var b = new Array(1, 3, 5, 8, "문자열", true);

이 경우 생성자는 새 배열의 요소가 되는 인수 목록을 받습니다. 인수는 지정된 순서대로 배열에 기록됩니다.

• 후속 값 할당을 위한 공간 할당. 배열을 정의할 때 괄호 안에 단일 숫자를 지정하면 됩니다.

var b = 새로운 배열(5);

배열을 정의하는 이 방법에는 배열 할당이 포함됩니다. 일정 금액스크립트가 진행되는 동안 이후에 값을 할당할 가능성이 있는 요소(각각 정의되지 않은 값을 가짐). 이 형식은 일반적으로 길이가 미리 알려진 경우 배열을 사전 할당하는 데 사용됩니다.

배열 요소 읽기, 쓰기 및 추가

배열 요소는 를 사용하여 액세스됩니다. JavaScript의 배열 요소는 0부터 시작하여 번호가 매겨집니다. 배열의 원하는 요소를 얻으려면 해당 번호를 대괄호 안에 지정해야 합니다.

변수번호 = ; document.write(숫자 + ", "); //배열의 첫 번째 요소 document.write(numbers + ", "); //두 번째 배열 요소 document.write(numbers + ", "); //배열의 세 번째 요소 document.write(numbers); //네 번째 배열 요소

배열 요소를 변경할 수 있습니다:

변수번호 = ; 숫자 = 10; //배열의 첫 번째 요소를 변경했습니다.

추가하려면 새로운 요소배열의 경우 새 값을 할당하는 것으로 충분합니다.

변수번호 = ; 숫자 = 7; //가 되었다

참고: 에 자바스크립트 배열모든 유형의 요소를 원하는 만큼 저장할 수 있습니다.

배열 길이

Array() 생성자로 생성되었거나 배열 리터럴로 정의된 모든 배열에는 다음을 반환하는 특수 길이 속성이 있습니다. 총 수배열에 저장된 요소. 배열은 정의되지 않은 요소(값이 정의되지 않음)를 가질 수 있으므로 보다 정확한 설명은 길이 속성이 항상 배열 요소의 가장 큰 인덱스(숫자)보다 1 크다는 것입니다. 새로운 요소가 배열에 추가되면 길이 속성이 자동으로 업데이트되어 올바르게 업데이트됩니다.

Varv = 새로운 배열(); // v.length == 0 (정의된 요소 없음) v = new Array(1,2,3); // v.length == 3 (요소 0-2가 정의됨) v = ; // v.length == 2 (요소 0과 1이 정의됨) document.write(v.length);

length 속성을 사용하여 배열의 마지막 요소를 가져올 수도 있습니다.

Var v = ["JavaScript", "속성", "배열"]; document.write(v);

마지막 요소의 인덱스는 배열 길이보다 작은 1입니다. 개수가 0부터 시작하기 때문입니다. 따라서 정확한 요소 수를 모르지만 배열의 마지막 요소를 참조해야 하는 경우 v.length - 1이라는 표기법이 사용됩니다.

배열 요소 반복

length 속성의 가장 일반적인 용도는 루프에서 배열 요소를 반복하는 것입니다.

이 예에서는 배열 요소가 연속적이고 첫 번째 요소(인덱스 0)에서 시작한다고 가정합니다. 그렇지 않은 경우 배열의 각 요소에 액세스하기 전에 해당 요소가 정의되어 있는지 확인해야 합니다.

Var 과일 = ["사과", "바나나", "딸기", "복숭아"]; for(var i = 0; 나는

루프를 사용하여 배열 요소를 초기화할 수도 있습니다.

Var bar = new Array(10); for(var i = 0; 나는

배열 자르기 및 확장

배열로 작업할 때 length 속성이 자동으로 업데이트되므로 직접 걱정할 필요가 없습니다. 그러나 한 가지 언급할 가치가 있습니다. 길이 속성은 읽기뿐만 아니라 쓰기에도 사용할 수 있습니다. 길이 속성을 현재 속성보다 작은 값으로 설정하면 배열이 새로운 (주어진) 길이로 단축되고 새 인덱스 범위에 속하지 않는 모든 요소는 삭제되고 해당 값은 손실됩니다. 나중에 길이를 다시 반환하면 값이 복원되지 않습니다.

var foo = ; foo.길이 = 1; //1개 요소로 단축 - foo.length = 4; //이전 요소 수를 복원합니다. document.write(foo); //이전 값이 없습니다.

가장 많이 간단한 방법으로배열을 지우려면 foo.length = 0이 됩니다.

길이 속성이 현재 값보다 커지면 정의되지 않은 새 요소가 배열 끝에 추가되어 배열이 지정된 크기로 늘어납니다.

배열 요소 제거

삭제 연산자는 배열 요소에 정의되지 않은 값을 쓰는 반면 요소 자체는 계속 존재합니다. 나머지 요소가 빈 공간으로 이동되도록 요소를 제거하려면 미리 정의된 배열 방법 중 하나를 사용해야 합니다. Array.shift() 메서드는 배열의 첫 번째 요소를 제거하고, pop()(배열의 마지막 요소), splice() 메서드(배열의 어느 위치에서든 하나 또는 요소 범위)를 제거합니다. 이러한 방법을 사용하는 방법에 대한 자세한 내용은 다음 장에서 설명합니다.

다차원 배열

JavaScript 배열은 다른 배열을 요소로 포함할 수 있다는 점을 기억하세요. 이 기능은 다차원 배열을 만드는 데 사용할 수 있습니다. 배열의 배열에 있는 요소에 액세스하려면 대괄호를 두 번 사용하면 됩니다.

Var 행렬 = [ , , ]; document.write(행렬); //선택된 중앙 요소

예제에 쓰여진 내용을 분석해 보겠습니다. 행렬은 숫자 배열의 배열입니다. 행렬[n]의 모든 요소는 숫자 배열입니다. 액세스 특정 숫자배열에서 행렬[n][n]을 작성해야 하며 두 번째 대괄호는 내부 배열 요소의 인덱스를 나타냅니다.

//이전 항목과 유사 - 생성자를 사용하여 생성 var table = new Array(3); for(var i = 0; 나는

연관 배열

객체를 연관 배열로 사용할 수 있습니다. 약간의 이론 - 연관 배열(해시 테이블이라고도 함)을 사용하면 인덱스 대신 문자열을 사용할 수 있습니다. 연관 배열을 사용하는 것은 일반 객체의 속성 이름을 사용하는 것과 매우 유사하지만 이 경우배열 형식으로 작업할 때. JavaScript에는 연관 배열 작업을 위한 메소드가 없기 때문에 일반 배열보다 훨씬 덜 자주 사용됩니다. 하지만 정보를 저장하고 액세스해야 하는 요소를 더 쉽게 기억하는 데 유용할 수도 있습니다.

Var s_list = new Object(); s_list["fat"] = "뚱뚱함"; s_list["small"] = "작음"; s_list["name"] = "호머"; for (var x in s_list) //모든 요소 표시 document.write(s_list[x] + "
");

모두에게 좋은 하루 되세요. Alexey Gulynin이 연락했습니다. 지난 기사에서 우리는 자바스크립트의 스위치 케이스 구성을 다루었습니다. 이번 글에서는 자바스크립트에 배열이 무엇인지 알려드리고 싶습니다. 배열의 개념은 Javascript뿐만 아니라 모든 프로그래밍에서 중요한 역할을 합니다. 배열과 같은 변수에는 하나의 요소가 아닌 여러 요소가 포함됩니다. 배열을 생성하는 구문은 다음과 같습니다.

Var mas = new Array(값1, 값2,..., 값N);

이 경우 괄호 안에 주어진 값으로 배열 변수 mas가 생성됩니다. 배열이 다음을 사용하여 생성된다는 사실에 주목합니다. 예어새로운. 배열 이름과 대괄호 안에 배열 인덱스를 지정하여 배열 요소에 액세스할 수 있습니다. 배열 인덱스는 0부터 설정됩니다. 4개 요소로 구성된 배열의 예를 제시하고 두 번째 요소를 출력해 보겠습니다.

var mas = new Array("privet", 1, 10, 5); document.write("두 번째 배열 요소 = "+mas); // 숫자 10이 표시됩니다.

mas 를 제공하면 배열 인덱싱이 0부터 시작하므로 "privet"이 인쇄됩니다. 이제 배열의 모든 요소를 ​​​​표시하는 방법을 알아 보겠습니다. 이렇게 하려면 루프를 사용해야 합니다. Javascript의 루프를 아는 것 외에도 배열 요소의 수(즉, 길이)를 반환하는 배열의 길이 속성을 알아야 합니다. mas 배열의 길이를 인쇄해 보겠습니다.

var mas = new Array("privet", 1, 10, 5); document.write("배열 길이 = "+mas.length); // 숫자 4가 표시됩니다

배열의 모든 요소 표시:

var mas = new Array("privet", 1, 10, 5); var i; (i = 0; 나는< mas.length; i++) document.write(mas[i]+" ");

지금까지 우리는 1차원 배열을 살펴보았습니다. 일반적으로 배열은 다차원일 수 있습니다. 이해해야 할 가장 중요한 점은 예를 들어 2차원 배열은 요소가 배열인 배열이라는 것입니다. 다음 작업을 살펴보겠습니다. 사용자가 요소를 지정하는 2차원 3x3 배열을 만들고 이 배열을 출력해야 합니다. 여기서는 사용자에게 번호를 묻는 메시지를 표시하는 프롬프트 문을 사용합니다.

var mas = 새로운 배열(); //배열 선언 const n = 3; //상수 선언, 즉 3x3 배열이 있습니다. //2차원 배열을 설정하려면 이중 루프를 사용해야 합니다. var i; varj; (i = 0; 나는< n; i++) { mas[i] = new Array();//Здесь мы как раз каждый элемент массива делаем массивом for (j = 0; j < n; j++) { mas[i][j] = prompt("[" + i +","+j+"]= " ,"..."); //запрашиваем число у пользователя } } for (i = 0; i < n; i++) { for (j = 0; j < n; j++) { document.write("[" + i +","+j+"]= "+ mas[i][j]);} //выводим элемент массива document.write("
"); //이동 새 줄채워진 각 배열 라인 이후)

우리의 경우 2차원 배열은 (예를 들어) 다음 구조에 해당합니다: mas=[,,] . 배열에는 3개의 요소가 있고 각 요소는 배열 자체임을 알 수 있습니다.

처음에 Javascript의 임무는 동적 웹사이트를 만드는 것이었습니다. 실제로 저는 2차원 배열을 어디에서도 사용해 본 적이 없으며 1차원 배열만 사용했기 때문에 이 기사에서 얻은 배열에 대한 지식이면 충분할 것입니다. 중 하나에서 다음 기사 Array 객체, 해당 속성 및 메서드에 대해 이야기하겠습니다.

JavaScript와 다른 프로그래밍 언어에서는 배열 작업에 다양한 방법이 사용됩니다.

메소드를 사용하면 로직을 더 쉽게 구축하고 이를 스크립트에서 구현할 수 있습니다.

아래는 기본 방법 JS에서 배열로 작업합니다.

푸시

push() 메소드는 배열의 끝에 값을 추가합니다.

arr = ; arr.push(312); 콘솔로그(arr); // →

팝

pop() 메서드는 배열에서 마지막 요소를 제거하거나 해당 값을 반환합니다.

arr = ; arr.pop(); 콘솔로그(arr); // →

예를 들어 배열의 마지막 요소 값을 가져오는 기능을 사용하면 이미지 형식을 얻을 수 있습니다.

img = "https://example.com/img/name.png"; let format = img.split(".").pop(); 콘솔로그(형식); // → png console.log(img.split(".")); // → ["https://example", "com/img/name", "png"]

변속 해제

unshift() 메서드는 배열의 시작 부분에 요소를 추가합니다.

arr = ; arr.unshift(312); 콘솔로그(arr); // →

옮기다

Shift() 메서드는 배열에서 첫 번째 요소를 제거합니다.

arr = ; arr.shift(); 콘솔로그(arr); // → ;

Shift 및 Unshift 메서드를 사용할 때 배열의 각 요소가 해당 인덱스를 변경한다는 점을 이해해야 합니다. 배열이 큰 경우 프로그램 실행 속도가 느려질 수 있습니다. 나뉘다

Split() 메소드는 문자열을 배열로 변환하는 데 사용됩니다. Split은 지정된 매개변수로 문자열(string)을 분할합니다.

str = "아냐, 마샤, 사샤, 다샤"; // 이것은 문자열입니다. let arr = str.split(", "); 콘솔로그(arr); // → ["Anya", "Masha", "Sasha", "Dasha"]는 배열입니다.

가입하다

Join() 메서드는 매개 변수에 지정된 구분 기호를 사용하여 배열 요소를 문자열로 결합합니다.

arr = ["Notpad++", "Sublime", "VSCode"]; // 이것은 배열입니다. let str = arr.join(", "); console.log("코드 편집기: " + str); // → "코드 편집기: Notpad++, Sublime, VSCode"

일부분

Slice() 메서드는 소스의 요소를 메서드에 전달된 첫 번째 매개 변수의 인덱스가 있는 요소부터 시작하여 두 번째 매개 변수의 인덱스가 있는 요소로 복사하는 새 배열을 만듭니다.

예를 들어, Slice(3, 7)은 인덱스 3, 4, 5, 6을 가진 요소를 반환합니다. 인덱스 7을 가진 요소는 배열에 포함되지 않습니다.

음수 값을 가진 매개변수가 Slice()에 전달되면 매개변수에 지정된 요소 수를 포함하는 새 배열을 반환하지만 이미 원래 배열의 끝에서 가져왔습니다.

슬라이스 방법은 원래 배열을 수정하지 않습니다.

다음은 Slice() 메서드의 작동 방식에 대한 몇 가지 예입니다.

arr = ["A", "B", "C", "D", "E", "F", "G"]; // 인덱스가 2에서 5까지인 요소가 포함된 배열을 반환합니다. console.log(arr.slice(2, 5)); // → ["C", "D", "E"] // 인덱스가 3부터 arr.length까지인 요소를 포함하는 새 배열을 반환합니다. console.log(arr.slice(3)); // → ["D", "E", "F", "G"] // 원래 배열의 복사본을 반환합니다. console.log(arr.slice()); // → ["A", "B", "C", "D", "E", "F", "G"] // 원본 console.log의 마지막 세 요소로 구성된 새 배열을 반환합니다. (arr.슬라이스 (-3)); // → ["E", "F", "G"]

접착

splice() 메서드는 기존 요소를 제거하거나 새 요소를 추가하여 배열의 내용을 수정합니다.

통사론:

Array.splice(start, deleteCount[, item1[, item2[, ...]]])

옵션:

• start - 배열 수정을 시작할 인덱스입니다. 배열 길이보다 큰 경우 실제 인덱스는 배열 길이로 설정됩니다. 음수인 경우 끝부터 요소의 인덱스를 지정합니다.
• deleteCount - 배열에서 제거할 이전 요소의 수를 나타내는 정수입니다. deleteCount가 0이면 요소가 삭제되지 않습니다. 이 경우 새 요소를 하나 이상 지정해야 합니다. deleteCount가 인덱스 시작부터 배열에 남아 있는 요소 수보다 크면 배열 끝까지 모든 요소가 삭제됩니다.
• 항목 N - 선택적 매개변수. 배열에 추가할 요소입니다. 요소를 지정하지 않으면 splice()는 단순히 배열에서 요소를 제거합니다.

반환 값 설명

삽입하도록 지정된 요소 수가 제거할 요소 수와 다른 경우 호출 후 배열의 길이가 변경됩니다.

arr = [바르카, 샤흐타르, 맨체스터 유나이티드, 밀란, 레알 마드리드, 아약스, 유벤투스]; nax = arr.splice(2, 3); arr.splice(2, 3); 콘솔로그(nax); // → ["맨유", "밀란", ​​"레알"] console.log(arr); // → ["바", "샤흐타르"] arr.splice(1, 0, "Zenith", "CSKA", "Spartak"); 콘솔로그(arr); // → [바르카, 제니트, CSKA, 스파르타크, 샤흐타르]

뒤집다

reverse() 메서드는 배열 요소의 순서를 반대로 바꿉니다. 결과적으로 배열의 첫 번째 요소가 마지막 요소가 되고 마지막 요소가 첫 번째 요소가 됩니다.

arr = ; console.log(arr.reverse()); // → console.log(["앨리스", "BG", "GO", "DDT"].reverce()); // → ["DDT", "GO", "BG", "앨리스"]

지도

map() 메소드는 배열의 요소를 반복하여 해당 요소를 생성합니다. 미리 결정된 행동변경된 요소가 포함된 배열의 복사본을 반환합니다.

아래 예에서는 배열의 각 요소에 대해 이 요소의 인덱스 값(7 + 0, 2 + 1, 15 + 2, 4 + 3, 31 + 4)을 추가합니다.

arr = ; testMap = arr.map((element, index) => 요소 + index); console.log(testMap); //

또는 배열의 각 값에 12를 곱합니다.

arr = ; testMap = arr.map(a => a * 12); console.log(testMap); // →

필터

filter() 메서드는 배열을 필터링하는 데 사용됩니다. 배열을 반복하여 주어진 조건을 통과하는 요소만 반환합니다.

예를 들어 숫자에서 배열 값을 필터링하여 21보다 큰 값만 남깁니다.

arr = ; testFilter = arr.filter(element => element > 21); console.log(testFilter); // →

조건은 21보다 큰 값을 반환하는 것이므로 21은 배열 결과에 포함되지 않았습니다. 21이 배열에 포함되도록 하려면 조건이 다음보다 크거나 같도록 설정됩니다. 요소 >= 21

줄이다

Reduce() 메소드는 배열의 요소들을 순차적으로 거치면서 함수의 조건에 명시된 함수에 따라 중간 결과를 누적한다. 최종 결과에서는 하나의 값만 반환합니다.

종종 이 방법은 배열에 있는 모든 숫자의 합을 구하는 데 사용됩니다. 예:

arr = ; let summa = arr.reduce((acc, element) => acc + element); 콘솔로그(summa); // → 370

종류

sort() 메소드는 주어진 매개변수에 따라 배열의 요소를 정렬하는 데 사용됩니다.

예 - 숫자 배열을 가져와 오름차순으로 정렬합니다.

arr = ; testSortArr = arr.sort((a, b) => a - b); console.log(testSortArr); // →

포함

include() 메서드는 배열에 특정 요소가 포함되어 있는지 확인하고 그에 따라 true 또는 false를 반환합니다.

include() 를 사용하는 예입니다.

다음은 논리적 표현입니다.

동물 = "개"라고 하자; if (동물 == "고양이" || 동물 == "개" || 동물 == "사자" || 동물 == "말") ( // ........ )

include 메소드를 사용하면 다음과 같이 작성할 수 있습니다.

동물 = "개"라고 하자; const Animals = ["고양이", "개", "사자", "말"]; if (animals.includes(animal)) ( // ........... )