JavaScript에서 일반적으로 사용되는 Array 객체 메서드 소개(코드 예제)-JS 튜토리얼-php.cn

이 글은 자바스크립트에서 일반적으로 사용되는 Array 객체의 메소드를 소개합니다(코드 예제). 필요한 친구들이 참고할 수 있기를 바랍니다.

JS에서 배열은 특별한 객체입니다. 우리가 일반적으로 사용하는 데이터 형식입니다. 오늘은 일반적으로 사용되는 배열 방법을 정리해 보겠습니다.

1. 기본

몇 가지 기본 사항을 간략하게 소개합니다.
배열 만들기

var arr1 = new Array(); //括号可以传参，指定数组长度。目前arr1.length是0 var arr2 = new Array(3);//arr2.length是3 var arr3 = new Array(1,2,3,4); //当传多个参数时，js会把这些参数作为数组的初始值。 console.log(arr3); // [1,2,3,4]

로그인 후 복사

# #new Array() 배열을 생성할 때 주의해야 할 점이 하나 있습니다. 하나의 매개변수만 전달되는 경우 값이 숫자가 아닌 경우. 배열의 첫 번째 매개변수로 사용되어 길이가 1인 배열을 생성합니다. 숫자인 경우 해당 숫자 길이의 빈 배열이 생성됩니다.

그러나 실제로 위의 생성 방법은 일반적으로 사용되지 않습니다.

var arr = []; var arr = [0,1,2,3]

로그인 후 복사

기본 방법

arr.length //数组的长度 arr[1] //数组下标是1的值。数组的下标从0开始计数 arr.push(值) //往数组添加元素

로그인 후 복사

2.기타 방법

var arr = ["element1","element2","element3","element4"]; //下面所有案列都是用的这个数组 //获取指定元素的下标 var index = arr. indexOf(”element2“）; // 1

로그인 후 복사

(1)splice(index,number, item1,....,itemX)는 배열에서 요소를 추가/제거하고 제거된 요소를 반환합니다.

매개변수 설명 # # index 번호 item1, ..., itemX 실제 예제를 살펴보겠습니다


필수입니다. 정수. 항목이 추가/제거되는 위치로, 배열의 끝에서부터 위치를 지정하려면 음수를 사용하십시오.
필수입니다. 삭제할 항목 수입니다. 0으로 설정하면 항목이 삭제되지 않습니다.
선택사항. 배열에 새 항목이 추가되었습니다.

//删除 let getReturn = arr.splice(1,1); console.log(getReturn); // ["element2"] console.log(arr); //["element1",","element3","element4"] //添加 let getReturn = arr.splice(arr.length,0,"element5","element6"); console.log(getReturn); //[] console.log(arr); //["element1","element2","element3","element4","element5","element6"]

로그인 후 복사

(2) pop() 메서드에서 배열의 마지막 숫자를 삭제하고 삭제된 요소를 반환합니다.

let getReturn = arr.pop(); console.log(getReturn); //element4 console.log(arr); //["element1","element2","element3"]

로그인 후 복사

(3) Slice(start,end)는 기존 배열에서 선택한 요소를 반환합니다.

let getReturn = arr.slice(1,3); console.log(getReturn); //["element2", "element3"] console.log(arr); //["element1", "element2", "element3", "element4"]

로그인 후 복사

매개변수 # # 시작 필수입니다. 정수. 항목이 추가/제거되는 위치로, 배열의 끝에서부터 위치를 지정하려면 음수를 사용하십시오. end 필수입니다. 삭제할 항목 수입니다. 0으로 설정하면 항목이 삭제되지 않습니다. 참고: 이 메서드는 배열을 수정하지 않고 하위 배열을 반환합니다. 배열에서 요소의 세그먼트를 삭제하려면 Array.splice() 메서드를 사용해야 합니다.

설명

(4) Join(separator)은 배열의 모든 요소를 문자열에 넣습니다.

구분 기호: 선택 사항입니다. 사용할 구분 기호를 지정합니다. 이 매개변수를 생략하면 쉼표가 구분 기호로 사용됩니다.

let getReturn = arr.join(); console.log(getReturn); //element1,element2,element3,element4 console.log(arr); //["element1", "element2", "element3", "element4"]

로그인 후 복사

(5) concat(array1,array2,...,arrayX) 메서드는 두 개 이상의 배열을 연결하는 데 사용됩니다.

arrayX: 필수입니다. 이 매개변수는 특정 값이거나 배열 객체일 수 있습니다. 임의의 숫자가 될 수 있습니다.

//传数组 let getReturn = arr.concat(['element5',"element6"],["element7"]); console.log(getReturn); //["element1", "element2", "element3", "element4", "element5", "element6", "element7"] console.log(arr); // ["element1", "element2", "element3", "element4"] //传元素 let getReturn = arr.concat('element5',"element6"); console.log(getReturn); //["element1", "element2", "element3", "element4", "element5", "element6"] console.log(arr); //["element1", "element2", "element3", "element4"]

로그인 후 복사

(6) sort(sortby) 메서드는 배열의 요소를 정렬하는 데 사용됩니다.

sortby: 선택사항. 정렬 순서를 지정합니다. 함수여야 합니다.

반환값: 배열에 대한 참조입니다. 배열은 원래 배열에 따라 정렬되며 새 배열이 생성되지 않습니다.

비교 규칙: 문자 인코딩에 따라 정렬하므로 결과가 원하는 것과 다를 수 있습니다. 문제를 해결하려면 매개변수를 전달해야 합니다.

let newArr = [3,5,2,4,1]; let getReturn = newArr.sort(); console.log(getReturn); //[1, 2, 3, 4, 5] console.log(newArr); //[1, 2, 3, 4, 5]

로그인 후 복사

다음과 같지 않은 다른 예를 살펴보겠습니다. 좋아요# #

let newArr = [1000,88,93,6,34]; let getReturn = newArr.sort(); console.log(getReturn); //[1000, 34, 6, 88, 93] console.log(newArr); // [1000, 34, 6, 88, 93] //要实现大小排序，我们需要传参数解决 function sortNumber(a,b){ //定义函数 return a - b } let getReturn = newArr.sort(); console.log(getReturn); //[6, 34, 88, 93, 1000] console.log(newArr); //[6, 34, 88, 93, 1000]

로그인 후 복사

(7) Shift() 메서드는 배열의 첫 번째 요소를 삭제하고 첫 번째 요소의 값을 반환하는 데 사용됩니다.

배열이 비어 있으면 Shift() 메서드는 아무 작업도 수행하지 않고 정의되지 않은 값을 반환합니다.

let getReturn = arr.shift(); console.log(getReturn); //element1 console.log(arr); //["element2","element3","element4"]

로그인 후 복사

(8) unshift() 메서드는 배열의 시작 부분에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.

arr.unshift(newelement1,newelement2,...,newelementX)

let getReturn = arr.unshift("element-1","element0"); console.log(getReturn); //6 console.log(arr); //["element-1","element0","element1","element2","element3","element4"]

로그인 후 복사

(9) toString() 메서드는 배열을 문자열로 변환하고 다음을 반환할 수 있습니다. 결과 .

arr.unshift(newelement1,newelement2,...,newelementX)

let getReturn = arr.toString(); console.log(getReturn,typeof getReturn); //element1,element2,element3,element4 string console.log(arr,typeof arr); //["element1", "element2", "element3", "element4"] "object"

로그인 후 복사

참고: 문자열 작업에 사용되는 경우 JavaScript는 이 메서드를 호출하여 자동으로 배열을 이동합니다. 문자열로 변환합니다. 예:

let string = arr+"123"; console.log(string); //element1,element2,element3,element4123

로그인 후 복사

(10) reverse() 메서드는 배열 요소의 순서를 바꾸는 데 사용됩니다.

이 방법은 새 배열을 만들지 않고 원래 배열을 변경합니다.

let getReturn = arr.reverse(); console.log(getReturn); //["element4", "element3", "element2", "element1"] console.log(arr); //["element4", "element3", "element2", "element1"]

로그인 후 복사