>  기사  >  웹 프론트엔드  >  JavaScript에서 일반적으로 사용되는 Array 객체 메서드 소개(코드 예제)

JavaScript에서 일반적으로 사용되는 Array 객체 메서드 소개(코드 예제)

不言
不言앞으로
2018-11-12 17:23:551610검색

이 글은 자바스크립트에서 일반적으로 사용되는 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)는 기존 배열에서 선택한 요소를 반환합니다.

매개변수#🎜🎜 # 시작필수입니다. 정수. 항목이 추가/제거되는 위치로, 배열의 끝에서부터 위치를 지정하려면 음수를 사용하십시오. end필수입니다. 삭제할 항목 수입니다. 0으로 설정하면 항목이 삭제되지 않습니다. 참고: 이 메서드는 배열을 수정하지 않고 하위 배열을 반환합니다. 배열에서 요소의 세그먼트를 삭제하려면 Array.splice() 메서드를 사용해야 합니다.
let getReturn = arr.slice(1,3);
console.log(getReturn);    //["element2", "element3"]
console.log(arr);    //["element1", "element2", "element3", "element4"]
설명
(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"]

3.

그 외에도 valueOf(), toLocaleString(), toSource() 메소드가 있습니다. 하지만 저는 사용해본 적도 없고, 사용 시나리오도 생각나지 않아서 따로 이야기하진 않겠습니다.

위 내용은 JavaScript에서 일반적으로 사용되는 Array 객체 메서드 소개(코드 예제)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제