> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트가 배열의 값을 가져올 수 있나요?

자바스크립트가 배열의 값을 가져올 수 있나요?

青灯夜游
풀어 주다: 2023-01-07 11:47:40
원래의
6257명이 탐색했습니다.

Javascript는 배열의 값을 가져올 수 있습니다. 값을 가져오는 방법: 1. "배열 변수 이름 [아래 첨자 값]" 문을 사용합니다. 2. "arr.slice(subscript) 구문을 사용합니다. , 요소 수)" "; 3. splice() 함수를 사용합니다. 구문은 "arr.splice(subscript, 요소 수)"입니다.

자바스크립트가 배열의 값을 가져올 수 있나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

배열 값을 가져오는 javascript 메서드

방법 1: 数组变量名[下标值]

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
console.log(fruits[2]);
로그인 후 복사

자바스크립트가 배열의 값을 가져올 수 있나요?

형식을 사용합니다. 방법 2: Slice() 함수를 사용합니다.

slice() 메서드는 가로채다 섹션의 배열 요소에 지정된 값을 지정하고 이 하위 배열을 반환합니다. 이 메서드에는 가로채는 하위 배열의 시작 위치와 끝 위치의 첨자를 지정하는 두 개의 매개 변수가 포함되어 있습니다.

var a = [1,2,3,4,5];  //定义数组
var b = a.slice(2,5);  //截取第三个元素到第六个元素前的所有元素
console.log(b);  //返回[3,4,5]
로그인 후 복사

이 방법을 사용할 때 다음 사항에 주의해야 합니다.

1) 첫 번째 매개변수는 값으로 지정된 요소를 포함하여 시작 첨자 위치를 지정하고, 두 번째 매개변수는 지정된 요소를 제외한 끝 위치를 지정합니다.

2) 이 방법의 매개변수는 자유롭게 설정할 수 있습니다. 매개변수가 전달되지 않으면 작업이 수행되지 않습니다. 매개변수가 하나만 지정되면 매개변수 값으로 지정된 아래 첨자 위치의 모든 요소가 배열 끝까지 차단됩니다.

var b = a.slice(2);  //截取数组中第三个元素,以及后面所有元素
console.log(b);   //返回[3,4,5]
로그인 후 복사

3) 매개변수가 음수 값일 경우 양의 순서(왼쪽에서 오른쪽)로 위치하는 것이 아니라 오른쪽에서 왼쪽으로 위치를 잡는다는 뜻, 즉 역위치 방식을 의미하지만 값의 순서는 ​​여전히 왼쪽에서 오른쪽입니다.

var b = a.slice(-4,-2);  //截取倒数第四个元素到倒数第二个元素前的元素
console.log(b);   //返回[2,3]
로그인 후 복사

시작 첨자 값이 끝 첨자 값보다 크거나 같으면 작업이 수행되지 않습니다.

var b = a.slice(-2,-4);  //截取倒数第二个元素到倒数第四个元素前的元素
console.log(b);  //返回空集
로그인 후 복사

위의 예는 배열을 가로챌 때 작업이 항상 오른쪽에서 왼쪽으로 역순으로 수행되는 것이 아니라 왼쪽에서 오른쪽으로 수행된다는 것을 보여줍니다.

4) 시작 매개변수 값이 길이 속성 값보다 크거나 같으면 작업이 수행되지 않고 빈 배열이 반환됩니다. 그리고 두 번째 파라미터 값이 길이 속성 값보다 크면 길이 속성 값으로 간주됩니다.

var b = a.slice(3,10);  //截取第四个元素,直到后面所有元素
console.log(b);  //返回[4,5]
로그인 후 복사

5) Slice() 메서드는 배열(하위 배열)의 일부를 반환하지만 원본 배열을 수정하지는 않습니다. splice() 메소드는 원래 배열을 기반으로 가로채기합니다. 새 배열로 가로채는 대신 원래 배열을 기반으로 가로채기를 원하는 경우 splice() 메서드만 사용할 수 있습니다.

방법 3: splice() 함수 사용

splice() 메서드는 요소를 추가하거나 삭제하거나 배열 조각을 가로챌 수 있습니다. 요소가 삭제되면 삭제된 배열 조각이 반환되므로 splice() 메서드를 사용하여 배열 조각을 가로챌 수 있습니다.

splice() 메서드 실행의 반환 값은 삭제된 하위 배열입니다.

var a = [1,2,3,4,5];  //定义数组
var b = a.splice(2);  //从第三个元素开始执行删除
console.log(b);  //被删除的子数组是[1,2]
로그인 후 복사

요소가 삭제되지 않으면 빈 배열이 반환됩니다.

var b = a.splice(2,0);  //不执行删除操作
console.log(b.constructor == Array);  //返回true,说明是一个空数组
로그인 후 복사

【추천 학습: javascript 고급 튜토리얼

위 내용은 자바스크립트가 배열의 값을 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿