소개하다.

수조는 간단한 데이터 구조로 대량의 비슷한 항목을 저장하는 데 쓰인다.배열은 하나의 변수에 여러 개의 값을 저장하는 데 사용되며 변수는 하나의 값만 저장할 수 있습니다.모든 프로그래밍 언어는 그룹을 사용합니다.

일반 작업

배열 만들기

수조는 하나의 목록으로, 그 중의 항목은 특정한 순서에 따라 열거되고, 네모난 괄호 [] 로 묶여 있다.
배열을 선언하려면 대괄호를 사용하여 변수 유형을 정의합니다.['This', 'is', 'an', 'array', 'of', 'strings.'];배열의 구성원 또는 요소는 JavaScript의 모든 데이터 유형일 수 있습니다.['Hi there!', 502, null, NaN];수조는 질서정연하다. 이것은 수조의 원소가 항상 같은 순서로 나타난다는 것을 의미한다.예를 들어 수조[1, 2, 3, 4]는 수조[4, 3, 2, 1]와 다르다.
다른 JavaScript 데이터 유형과 마찬가지로 변수에 배열을 지정할 수 있습니다.

const primes = [2, 3, 5, 7, 11, 13,]; 
const shows = ['Game of Thrones', 'True Detective', 'Empire'];

배열의 내장 길이 속성을 확인하면 배열에 포함된 요소의 수를 알 수 있습니다.

const myArray = ['This', 'array', 'has', 5, 'elements'];
myArray.length;
// => 5

let fruits = ['Apple', 'Banana']
console.log(fruits.length)
// 2

배열의 요소에 액세스

그룹의 모든 요소는 집합에 대응하는 유일한 색인 값을 분배합니다.배열의 첫 번째 요소는 인덱스 0에 있고 다섯 번째 요소는 인덱스 4에 있으며 128개 요소는 인덱스 127에 있으며 모든 요소는 여러 가지 방법으로 조작할 수 있다.

원소에 접근하기 위해서, 우리는 계산 구성원의 접근 조작부호인 '네모난 괄호' 를 사용합니다. 대부분의 사람들은 그것을 괄호 기호나 괄호 조작부호라고만 부릅니다.

const winningNumbers = [32, 9, 14, 33, 48, 5];
// => undefined

winningNumbers[0];
// => 32

winningNumbers[3];
// => 33

배열에 요소 추가하기

JavaScript에서는 배열의 구성원을 .push() 및 .unshift() 방법으로 조작할 수 있습니다..push() 방법을 사용하여 배열의 끝에 요소를 추가할 수 있습니다.const fruits = ["Apple", "Banana", "Orange"]; fruits.push("Lemon"); // => 4 fruits; // => ["Apple", "Banana", "Orange", "Lemon"]우리도 할 수 있어.배열의 시작 부분으로 () 요소 이동을 취소하려면 다음과 같이 하십시오.

const cities = ['New York', 'San Francisco', 'Atlantic City'];

cities.unshift('Los Angeles');
// => 3

cities;
// => ["Los Angeles", "New York", "San Francisco", "Atlantic City"]

배열에서 요소 삭제

.push()와 .unshift()의 보충으로 우리는 각각 .pop()와 .shift()가 있다..pop() 방법은 수조의 마지막 요소를 삭제하고 원시 수조를 파괴적으로 업데이트한다.

const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];

days.pop();
// => "Sun"

days;
// => ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]

.shift() 방법은 수조의 첫 번째 요소를 삭제하고 원시 요소를 변이시킨다.

const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];

days.shift();
// => "Mon"

days;
// => [Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]

확장 연산자 - ES6의 주요 기능

ECMAScript 6(ES6 또는 ECMAScript 2015)은 JavaScript의 두 번째 주요 개정판입니다.ES2015에 spread 조작부호를 도입했는데 생략호처럼 보입니다:...
spread 조작부호는 기존 그룹의 내용을 새 그룹에 펼치고 새 요소를 추가하지만 원시 요소를 보존할 수 있도록 합니다.

const coolCities = ['New York', 'San Francisco'];

const allCities = ['Los Angeles', ...coolCities];

coolCities;
// => ["New York", "San Francisco"]

allCities;
// => ["Los Angeles", "New York", "San Francisco"]

화살표 기능 - ES6의 주요 기능

화살표 함수는 함수 표현식의 간단한 문법을 작성할 수 있습니다.function 키워드, return 키워드 및 중괄호가 필요하지 않습니다.

// ES5
var x = function(x, y) {
   return x * y;
}

// ES6
const x = (x, y) => x * y;

매핑, 감소, 필터링 방법

이것들은 네가 반드시 기억하고 대량으로 연습해야 할 수집 처리 방법이다.
현재, 당신은 이미 map와 reduce를 작성했습니다. 다음은 큰 발견입니다. 자바스크립트는 이미 그룹 데이터 형식에 이러한 방법을 내장했습니다.

맵을 사용하여 배열 변환

[10, 20, 30, 40].map(function(a) {
  return a * 2;
}); //=> [20, 40, 60, 80]

Reduce를 사용하여 그룹을 하나의 값으로 축소합니다

[10, 20, 30, 40].reduce(function(memo, i) { return memo + i }) //=> 100
[10, 20, 30, 40].reduce(function(memo, i) { return memo + i }, 100) //=> 200

자바스크립트는 함수를 좋아합니다. 함수를 쉽게 전달함으로써 자바스크립트가 제공하는 방법을 이용할 수 있습니다!자신의 맵과 Reduce 함수를 작성하는 것에 대한 이해에 따라 자바스크립트 문서를 읽고 자바스크립트가 제공하는 버전을 어떻게 사용하는지 확인하십시오: map, reduce

filter () 방법

filter() 방법은 제공된 함수를 통해 이루어진 테스트의 모든 요소를 포함하는 새 그룹을 만듭니다.
구문 세그먼트는 다음과 같습니다.

let newArray = arr.filter(callback(currentValue[, index[, array]]) {
  // return element for newArray, if true
}[, thisArg]);

매개변수:callback - 함수는 술어로 수조의 모든 요소를 테스트하는 데 쓰인다.원소를 보존하기 위해 이 값을true로 강제합니다. 그렇지 않으면false로 강제합니다.callback 세 개의 매개 변수로 호출:the value of the element the index of the element'반복 중인 그룹 대상
그것은 세 가지 논점을 받아들인다.currentValue그룹에서 처리 중인 현재 요소입니다.
여기에, 우리는 그룹 (arr)에 하나 .filter 를 추가한 다음 () 사이에 리셋과 하나 thisArg 를 제공했다고 알려졌다.index 옵션
그룹에서 처리 중인 현재 요소의 인덱스입니다.array 옵션
그룹 필터가 호출되었습니다.thisArg 옵션
실행할 때 사용하는 값callback.
JavaScript는 Filter()의 배열을 호출하고 요소, 요소의 색인 및 전체 배열을 콜백 함수에 전달합니다.
우리는 색인, 그룹, 심지어 요소에 파라미터를 추가할 필요가 없다.우리는 마음대로 파라미터를 명명할 수 있다.JavaScript는 항상 이 세 개의 매개 변수를 사용할 수 있도록 리셋 함수를 사용합니다.아래의 예를 보고 우리가 이 문제를 어떻게 처리하는지 봅시다.지금, 리콜은 무슨 일이 일어날까요?
파일이 알려주는 내용:Function is a predicate, to test each element of the array. Return true to keep the element, false otherwise. It accepts three arguments이 함수는 우리가 방금 설명한 매개 변수를 실행하고 접근할 수 있습니다.
콜백에 대한 호출이true로 되돌아오면 이 요소는 보이지 않는'keeper'그룹에 추가됩니다.그렇지 않으면, 그것은 누락될 것이다.
우리는 요소, 그룹, 인덱스, 또는 그것들 간의 상호작용을 사용하여 리셋에서 브리 값으로 되돌아오는 표현식을 만들 수 있다.

예: 배열의 모든 소수 찾기

다음 예는 그룹의 모든 소수를 되돌려줍니다

자세한 내용은 공식 문서MDN 및 JS 예제를 참조하십시오.

JavaScript의 향상 — let, const 및 var

이만나・ 6월 17일 20일.・ 5분 읽기

#javascript #react #ruby #rails

접속하려면 내 Github 또는 를 확인하십시오.
읽어주셔서 감사합니다!