JavaScript 배열 초보자 가이드[섹션 1]

기본적이거나 복잡한 웹 응용 프로그램을 구축할 때, 그룹을 만날 수 있습니다. 그룹에서 데이터를 조작할 수 있는 것은 매우 유용할 것입니다. 특히 자바스크립트를 익히려고 시도할 때.나는 수조가 무엇인지, 언제, 그리고 그것을 어떻게 사용하는지 설명하는 데 시간을 들일 것이다.

스토리지란?
간단하게 말하면 수조는 인상적인 표현이나 특정한 유형의 사물의 범위라고 할 수 있다.
프로그래밍과 데이터 구조에 있어서 해석은 더욱 진일보한다.
수조 데이터 구조 또는 약칭 수조는 원소 집합으로 구성된 데이터 구조로 모든 원소는 최소한 하나의 수조 인덱스나 키로 표시된다.그러나 수조를 같은 유형의 변수의 집합으로 보는 것이 통상적으로 더욱 유용하다
자바스크립트에서, 수조는 지정한 수조 이름과 값 부여 연산자 (=) 를 통해 만들어지고, 그 값을 네모난 괄호 안에 저장하여 쉼표로 구분합니다.바로... 이다

let arrayname = []; // An empty array

let array = ['ben', 'tammy','bentammy']; //array with values.

우리는 색인 키와 함께 그룹의 값에 접근할 수 있으며, 색인 키는 그룹이 나타나는 위치를 지정합니다.javascript (대부분의 프로그래밍 언어) 의 그룹 인덱스는 보통 0과 1에서 시작하기 때문에, 그룹의 첫 번째 항목을 인용하려면 '0' 을 사용해야 합니다. '1' 이 아니라 '0' 을 사용해야 합니다.예컨대

// We create an array of friends

let friends = [
'Daniel', 
'Elvis', 
'Favour',
'Preye',
'Kevwe',
'Deborah',
'Ellie',
'Miracle',
'Joshua',
'Casey',
];

이 배열의 첫 번째 값은 색인 키 0을 사용하여 액세스합니다.그래서 만약 우리가 그것을 출력하고 싶다면, 우리는

console.log(friends[0]); // This will print Daniel

console.log(friends[1]); // This will print  Elvis

만약 그룹의 전체 길이를 얻고 값이 얼마나 포함되어 있는지 알고 싶다면, "length"속성을 사용하여 그룹의 전체 길이를 되돌려줍니다.위의 배열 사용 예

console.log(friends.length); // Prints 10 to the console.

배열 수정
데이터를 처리할 때 보통 새로운 데이터를 추가하거나 낡은 데이터를 삭제하거나 기존 데이터를 수정해야 하기 때문에javascript는 이를 실현하는 해결 방안을 제공한다.

새 배열 항목 추가
우리는 여전히 이전에 정의한 그룹을 사용할 것이다.
만약 내가 새로운 친구를 만났다고 가정한다면, 나도 그들을 친구로 만들고 싶다. 나는 '.push ()' 방법으로 쉽게 그들을 나의 친구 그룹에 추가할 수 있다.
예.

friends.push("Nora"); // This adds a new array item to the friends array

그룹을 추가하는 새로운 요소도 사용할 수 있습니다.길이 속성
예.

friends[friends.length] =  "Victor"; //Adds Victor to the array

배열에서 항목 삭제
내장된 자바스크립트 방법을 사용하여 기존의 그룹 요소를 삭제할 수 있습니다.아래의 예는 여전히 앞의 여자친구 그룹을 사용하여 이 점을 보여 주었다

.pop()
pop 방법은 그룹의 마지막 요소를 삭제하고 이 요소를 되돌려주며length 속성을 업데이트합니다

friends.pop(); // Will remove Nora from the array

.shift()
시프트 방법의 작업 원리는 팝 방법과 매우 비슷하다. 단지 자바스크립트 그룹의 첫 번째 요소를 삭제했을 뿐, 마지막 요소가 아니다

friends.shift(); // Will remove Daniel from the array

. 클립()
결합 방법을 사용하여 패턴에서 엔티티를 추가하거나 삭제할 수 있습니다.그룹에서 항목을 삭제할 때 보통 두 개의 인자가 필요합니다.첫 번째 매개변수는 요소 삭제를 시작할 위치를 지정합니다.두 번째 매개변수는 삭제할 요소의 수를 지정합니다.

friends.splice(2,2);

/* This will remove two elements from the friends array starting from the element with the index of 2.
The above will remove Favour and Preye from the array
*/

배열의 항목 수정
우리는 수조에 있는 원소의 인덱스를 간단하게 인용하고 그 값을 변경해서 원소의 값을 변경할 수 있다.우리의 friends 배열을 사용합니다. 만약 우리가 Daniel의 이름을 Oke로 바꾸려고 한다면, 우리는 아래의 조작을 실행하기만 하면 됩니다.

friends[0] =  "Oke"; // Changes Daniel to Oke

배열 컨텐트 반복 및 표시
통상적으로, 수조의 원소를 표시해야 할 뿐만 아니라, 수조의 모든 원소도 표시해야 한다.이 과정은 '교체' 라고 불리는데, 일반적인 방법은 하나의 그룹을 교체해서 특정한 조작을 실행하거나 그것들을 표시하는 것이다.이것 은 여러 방식 으로 실현할 수 있다

순환하다
for 순환은 자바스크립트에서 교체를 실행하는 매우 흔한 방법입니다. 그룹의 내용을 표시하려면 매우 편리합니다.그것은 보통 세 개의 매개 변수를 필요로 하는데, 첫 번째는 순환을 초기화하고, 두 번째는 조건을 지정하며, 세 번째는 실행해야 할 조작을 지정한다.만약 우리가 프렌즈 그룹의 모든 내용을 인쇄하고 싶다면

for (i=0; i<friends.length; i++)
{
console.log(friends[i]);

}

위에서 보면,
우리는 0부터 순환을 초기화한 다음에 조건과 조작을 지정합니다.브라우저에 "i"의 초기 값이 그룹의 길이보다 작으면 "i"의 값으로 증가해야 한다고 알려 줍니다.for 순환에서, 우리는 브라우저에게 "i"의 현재 값에 따라 수조의 현재 인덱스를 출력하는 것을 알려 줍니다.따라서 "i"의 값이 0일 때 브라우저는 "Daniel"을 인쇄하고, 1 일 때 브라우저는 "Elvis"를 인쇄한 다음 인쇄할 수 있는 다른 것이 없을 때까지 인쇄합니다.

forEach()
이것은 우리가 수조 중의 모든 항목에 대해 함수를 집행할 수 있는 수조 방법이다.그것은 전문적으로 수조를 처리하는 데 사용되며, 더욱 현대적인 방법을 제공하여 수조를 교체하고, 서로 다른 조작을 실행한다.상술한 것과 같은 결과에 도달하기 위해서 우리는 간단하게

friends.forEach( e => {
  console.log(e); 
});

// This will still print all elements of the friends array

forEach 순환은 때때로 시간이 걸려야 익숙해지기 때문에, 어떻게 작동하는지에 대한 내용을 더 많이 읽을 수 있습니다. Here!
지금 이대로!!이 글의 두 번째 부분에서 우리는 수조 방법을 더욱 토론할 것이다.감사합니다!!!