머리말
배열은 JavaScript의 중요한 부분입니다. 문자열, 객체, 기능 및 숫자를 저장하는 데 사용할 수 있습니다. 매우 강력합니다. 따라서 배열에 대한 깊은 이해는 강제 프론트 엔드 숙제입니다. 금요일이고 블로거의 마음이 다시 급증하기 시작했습니다. 내일 주말이 있나요? 나는 다시 재미를 가질 수있다.
배열을 만듭니다
배열을 만드는 두 가지 기본 방법이 있으며, 하나는 리터럴이고, 다른 하나는 생성자를 사용하여 생성됩니다.
var arr = [1,2,3]; // 리터럴 형태로 배열 값을 만들고 영어 쉼표로 분리됩니다.
var arr = [1,2,3]; // 리터럴 형태로 배열 값을 생성하고 영어 쉼표로 분리됩니다 var arr1 = 새로운 배열 (1,2,3); // 생성자는 새 연산자를 통해 배열 객체를 만들기위한 배열을 만듭니다. // 또한 대부분의 시간을하는 것이 좋습니다. var arr1 = 배열 (1,2,3); 새 연산자를 생략하여 배열 객체를 만듭니다. 이 구문은 PHP와 매우 유사하지만 키 스크립트로는 키를 지정할 수 없습니다.
배열 인덱스 : 키 값 쌍
리터럴을 예로 들어 보면 각 배열 항목에는 해당 키가 있으며 [subscript] 및 [index]라고도합니다. JavaScript의 기본 키는 0에서 시작하여 배열 항목의 위치에 따라 키 이름을 결정합니다. 배열 항목의 값은 키 이름을 통해 쿼리됩니다. 일반 구문은 배열 [i]입니다.
var sarr = [ "hello", "java", "script"]; // 해당 키 이름은 0, 1, 2 console.log (sarr [0]); //안녕하세요
배열을 Firefox 콘솔에 인쇄하면 콘솔에서 해당 관계를 명확하게 볼 수 있습니다.
콘솔의 오른쪽에 키와 값 사이의 논리적 관계는 매우 직관적 인 방식으로 나열됩니다. 0은 Hello에 해당하고 1은 Java에 해당하고 2는 스크립트에 해당합니다. 보다 일반적으로 JavaScript 배열 카운트는 0 [0-1-2] == [1-2-3]부터 시작하여 첫 번째는 hello이고, 두 번째는 Java이고, 세 번째는 스크립트입니다.
각 배열의 길이는 0이며 값은 0이며 배열 길이 방법을 통해 얻습니다. 위의 그림의 길이는 3이며 콘솔 오른쪽에서 명확하게 볼 수 있습니다. 또한 작은 트릭이 소개됩니다. Firefox 콘솔 콘솔에 나열된 대부분의 속성 목록은 직접 액세스 할 수 있습니다. 키 형태를 통해 [array.length] 번호 또는 액세스 [Array [ 'length']]를 통해 액세스 할 수 있습니다.
배열의 길이 속성은 매우 독특합니다 -----는 읽기 전용이 아닙니다. 따라서이 속성을 설정하면 배열 끝에서 항목을 제거하거나 배열 인 Chestnut에 새 항목을 추가 할 수 있습니다.
var colors = [ 'red', 'blue', 'green']; // 3 문자열 배열 생성 색상 .length = 2; alert (colors [2]); // 정의되지 않은 것이 존재하지 않습니다.
Shangli는 배열의 마지막 항목 'Green'을 삭제했으며 추가 할 수 있습니다.
var colors = [ 'red', 'blue', 'green']; // 3 문자열의 배열 생성 [colors.length] = 'black'; // 초기 색상 길이는 3입니다.이 코드는 색상 [3] = 'black'과 같습니다. 경고 (Colors [3]); // 검은 색
팁 1 : :
따라서 문제는 때때로 내 친구들이 갑자기 노크하는 동안 특정 속성 이름을 잊어 버리는 것입니다. 어떻게해야하나요?
Firefox 콘솔에 인쇄하고 속성을보고 위치 객체를 예제 Console.log (위치)로 가져갑니다.
Console.log (위치);
이것을 얻은 후에, 우리가 특정 가치를 얻는 것이 훨씬 쉽습니까? 예를 들어, 현재 URL 주소 [location.href]를 가져 오면 도메인 이름 [location.hostname] 등을 가져 오거나 Windows에서 메소드를 얻으려면 동일합니다. 매우 편리합니다.
배열 스택
배열 스택이란 무엇입니까? 배열은 스택 (넌센스)으로 표현 될 수 있음을 의미합니다. 그래서 스택은 무엇입니까?
코드의 이해는 스택이 항목의 삽입 및 삭제를 제한 할 수있는 데이터 구조라는 것입니다. 스택은 Lifo (마지막으로 첫 번째 출입, 첫 번째 아웃)입니다. 사진보기 :
빌딩 블록과 마찬가지로 아래 빌딩 블록은 항상 마지막에 얻을 수 있습니다. 새로운 장소에 배치되면 [스택]이 형성됩니다.
배열 스택에서 꺼내서 [팝]이라고 부르고 넣고 [푸시]라고 부릅니다.
JavaScript 배열에는 [pop ()] [푸시 링 푸시 ()]에 두 가지 방법이 있습니다.
var sarr = [ "hello", "java", "script"]; sarr.push ( "black"); // blackConsole.log (sarr [3]) // blackConsole.log (sarr.pop ()) // black // pop black console.log (sarr [3]);
대기줄
스택 데이터에 대한 액세스 규칙은 Lifo (우선, 그 다음에)이며, 큐 데이터 구조에 대한 액세스 규칙은 50 (우선, 우선)입니다. 대기열은 종종 배열을 통해 루프에 사용되며 배열에서 지속적으로 작동합니다. 큐 메소드는 Shift ()를 사용하여 어레이에서 고급 항목, 즉 0 인 항목을 팝업합니다.
var sarr = [ "hello", "java", "script"]; console.log (sarr.shift ()); // Hello // Shift는 POP 메소드와 유사합니다. 배열 끝에서 팝이 팝업되고 교대는 배열 콘솔의 시작 부분에서 팝업됩니다 (SARR [0]). // Java Hello가 나타났습니다
시프트 방법을 사용하여 대기열을 형성하십시오.
var sarr = [ "hello", "java", "script"]; var alf = sarr.shift (); // 첫 번째 항목 sarr.push (alf); // console.log (sarr)에 삽입; // [ 'java', 'script', 'hello']]
타이머 setInterval을 통해 각 배열 항목을 지속적으로 루프 할 수 있습니다. 이전 블로그 게시물이 설명되었습니다. "포털 세트 타임 아웃 및 SetInterval 타이머 및 비동기 루프 어레이.
setInterVal (function () {console.log (sarr [0]); // 첫 번째 항목 인쇄 var alf = sarr.shift (); // 첫 번째 항목 sarr.push (alf); // 배열 끝에 삽입}, 1000);Shangli는 Hello Java 스크립트를 계속 인쇄합니다
배열은 모든 유형의 값을 저장할 수 있음을 알고 있습니다. 그래서 우리는 배열의 루프에서 실행 해야하는 함수를 넣고 큐 메소드를 사용하여 지속적으로 실행 한 다음 큐의 메소드를 루프 할 수 있습니다.
함수 hello () {console.log ( "hello");} 함수 java () {console.log ( "java");} 함수 script () {console.log ( "script");} var sarr = [hello, java, script]; setInterval (function () {var alf = sarr.shift (); // sarr.push (alf); alf (); // execute method}, 1000);또한 Hello Java 스크립트 루프를 인쇄 할 수 있지만 더 강력합니다.
일반적인 배열 방법의 요약
1. 정렬
JavaScript 배열에는 이미 재주문에 직접 사용할 수있는 두 가지 방법이 있습니다 : Reverse () 및 sort ().
리버스 () 배열 플래시백 재 배열 :
var sarr = [1,2,3,4,5,6]; console.log (sarr.reverse ()); // 6,5,4,3,2,1
더 강력한 방법 Sort ()도 있습니다.
기본 정렬 ()은 배열을 오름차순 순서로 다시 표시합니다. 정렬은 각 항목의 tostring () 메소드를 호출하므로 실제 크기는 문자열을 기반으로합니다.
var sarr = [6,2,2,4,5,6]; console.log (sarr.sort ()); // 2,2,4,5,6,6 오름차순 순서 var sarr = [6,2,2,11,4,5,6]; console.log (sarr.sort ()); // 11,2,2,4,5,6,6
종류의 실제 비교 크기는 문자열입니다. 문자열의 비교 방법은 일반적으로 문자의 첫 번째 문자를 비교하는 것입니다. 그래서 '11'<2 'a'< 'b'
Sort는 또한 기능을 매개 변수로 전달할 수 있으며, 이는 배열의 정렬 방법을 재정의 할 수 있습니다.
함수 비교 (val1, val2) {// 정렬 된 두 매개 변수 값 1과 값 2if (val1 <val2) {// 값 1이 값보다 작을 때 -1은 1 위치로 이동 값 1을 전진하는 것을 의미합니다. -1; } else if (val1> val2) {return 1;} else {return 0;}} var sarr = [6,2,2,11,4,5,6]; console.log (sarr.sort (compare)); // [2, 2, 4, 5, 6, 6, 11] 우리는 함수에서 비교하고 최종 결과는 정상입니다.[VAL1 <VAL2]가 반환 -1보다 1을 더 반환하면 플래시로 정렬 할 수 있습니다. 우리는 또한 분류 방법을 직접 지정할 수 있습니다.
2. 오페란드 어레이
① 배열을 복사하고 저장 (복제) concat () 메소드는 현재 배열의 모든 항목을 기반으로 새 배열을 만들 수 있습니다. 매개 변수를 전달할 때는 배열 끝에 매개 변수를 추가합니다.
var sarr = [ "hello", "java", "script"]; var farr = sarr.concat ( "!"); console.log (farr); // [ "hello", "java", "script", "!" ]]
slice () () 현재 배열의 하나 이상의 항목을 기반으로 새 배열을 만들 수 있습니다. 1 개 또는 두 개의 매개 변수, 즉 복사 할 항목의 시작 및 끝 위치를 허용 할 수 있습니다. 하나의 매개 변수 만 배열 끝에 기본 끝 위치가 있으므로 배열을 복제 할 수도 있습니다.
var sarr = [ "hello", "java", "script"]; var farr = sarr.slice (0); console.log (farr); // [ "hello", "java", "script"] var farr = sarr.slice (0,1) console.log (farr); // 0-1을 꺼내고 [ "" ""hello "
요약
배열은 JavaScript에서 매우 중요한 부분입니다. 그것을 잘 배우면 직장에서 코드를 단순화 할 수 있습니다. 여러 번 배열에 넣고 배열 방법을 통해 일련의 작업을 수행 할 수 있습니다. 블로그 게시물의 길이는 제한되어 있지만 학습에는 제한이 없습니다. 모두가 행복하게 배우고 프론트 엔드 개발을 더 빨리 마스터 할 수 있기를 바랍니다!
위는 편집자가 귀하에게 소개 한 JavaScript의 일반적인 배열 방법에 대한 분석입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!