> 웹 프론트엔드 > JS 튜토리얼 > JS의 배열 배열 학습 요약

JS의 배열 배열 학습 요약

黄舟
풀어 주다: 2017-02-10 10:04:21
원래의
1032명이 탐색했습니다.

처음으로 블로그를 작성해봅니다. . . 약간 정사각형. . .

저는 프론트엔드를 혼자 배우는 초보자(진짜 초보자)입니다. 이제 학습 과정에서 정리한 몇 가지 배열 작업에 대해 이야기하겠습니다. 잘못된 점이 있으면 지적해 주세요. 겸손히 받아들이십시오.

참조 유형은 객체 유형(소위 객체), 배열 유형(이 기사에서 설명하는 배열), 함수 유형 등으로 구분됩니다.

그럼 배열은 어떤 역할을 하나요? 데이터를 저장하는 데 사용되는 것 같습니다.

1. 배열 선언:

1. 생성자 var colors=new Array(); new를 생략할 수 있습니다. 즉, var colors=Array();

2. 배열 리터럴 var colors=["black","green","pink"];

2. 배열 값을 읽고 설정합니다:

읽기: colors [x ]; 매개변수 길이 사용법에 대한 간략한 설명은 다음과 같습니다.

colors.length는 배열의 길이를 가져오며, 이는 배열의 항목 수라고도 할 수 있습니다. 배열에는 7개 항목이 있지만 colors.length=2라고 쓰면 다음 5개 항목이 삭제됩니다.

length 속성을 사용하여 끝에 배열에 데이터를 추가할 수도 있습니다. length]= 할당용;

4. 배열의 작업:

方法 作用 返回值
Array.push(x,y,z) 把xyz添加到数组末尾 新数组长度
Array.pop() 移除数组最后一项 移除的最后一项
Array.shift() 移除数组第一项 移除的第一项
Array.unshift(a,b,c) 在数组前端添加a,b,c 新数组长度
Array.reverse() 反转数组 反转后的新数组
Array.sort() 对数组中每一项的字符串进行升序排列 重新排序后的数组
Array.concat(a,b,c) 连接数组 返回连接好的新数组
Array.slice(1,n) 截取数组,从1到n,1和n为索引值 返回截取的数组(在这里返回从1开始,到n之前结束)
Array.indexOf(a,start) 查找a的所在的位置,从start开始 返回a所在的索引值,如果没有查找到则返回-1
Array.lastIndexOf(a,atart) 与indexOf相反,lastIndexOf从末尾开始查找 返回a所在的索引值,如果没有查找到则返回-1

splice() 메소드를 개별적으로 설명합니다. 왜 혼자 꺼내요? 멋있으니까

1. 두 개의 매개변수를 허용합니다: 삭제할 첫 번째 항목의 위치와 삭제할 항목 수

예: 배열의 항목 2와 3을 삭제하는 splice(1,2); 🎜>

2.삽입. 시작 위치, 0 및 삽입할 항목의 세 가지 매개 변수를 허용합니다.

예: splice(2,0,"red","green")은 배열 인덱스 값 2에 빨간색과 녹색을 삽입합니다.

3. 교체. 세 가지 매개변수(시작 위치, 삭제할 항목 수, 삽입할 항목)를 허용합니다.

예: splice(2,1,"red","green"), 인덱스 값이 2인 항목을 삭제하고 빨간색과 녹색을 추가합니다.

아아아아

다섯. 배열의 반복 메서드

1.every() 및 some():


(val1< -1 (val1> 10
로그인 후 복사


2.filter( ) :

이 메소드는 결과가 true인 항목으로 구성된 배열을 반환합니다.

3.map():

 numbers=[0,1,2,3,4 result=numbers.every( (item>2 numbers=[0,1,2,3,4 result=numbers.some( (item>2
로그인 후 복사

배열이 매개변수를 실행한 후 새 배열을 반환합니다. .

여섯. 병합.

Array.reduce()

var result=numbers.map(function(item,index,array){
return item*2;
})
로그인 후 복사

이전 예에서 Reduce()는 4개의 매개변수를 허용합니다. 매개변수는 배열의 첫 번째 항목이고, 두 번째 매개변수는 배열의 두 번째 항목입니다.

함수가 처음 실행될 때 prev는 1, cur는 2, 두 번째 실행될 때; , prev는 3(1+2의 결과), cur는 3입니다.

Array.reduceRight(). 줄이는 것과 비슷합니다. 배열의 오른쪽부터 시작하면 됩니다.



위는 Js에서 배열 배열 학습을 요약한 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(m.sbmmt.com)를 참고해주세요!

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