배열 및 배열 방법에 대한 설명

자바스크립트 배열의 자세한 설명과 일반적인 방법:

배열이란 무엇인가요?

자바스크립트에서 배열은 변수 이름 아래 일련의 값(요소)을 저장하는 데 사용되는 특수 객체입니다. 값은 다양한 데이터 유형(숫자, 문자열, 부울, 객체 또는 기타 배열)일 수 있습니다.

주요 기능:

• 순서: 배열의 요소에는 특정 순서가 있으며 위치는 0부터 인덱스됩니다.
• 변경 가능: 배열이 생성되면 해당 요소를 변경할 수 있습니다.
• 동적: 어레이는 필요에 따라 크기를 늘리거나 줄일 수 있습니다.

배열 생성:

• 문자적 표현:

<code class="language-javascript">   const myArray = [1, "hello", true, null]; </code>

• 배열 생성자 사용:

<code class="language-javascript">   const anotherArray = new Array(5); // 创建一个包含5个空槽的数组
   const yetAnotherArray = new Array(1, 2, 3); </code>

배열 요소에 액세스:

대괄호 표기 및 색인 사용:

<code class="language-javascript">   const fruits = ["apple", "banana", "orange"];
   console.log(fruits[0]); // 输出： "apple" (第一个元素)
   console.log(fruits[2]); // 输出： "orange" (第三个元素)</code>

배열 요소 수정:

원하는 인덱스에 새 값을 할당합니다.

<code class="language-javascript">   fruits[1] = "grape"; 
   console.log(fruits); // 输出： ["apple", "grape", "orange"]</code>

일반적으로 사용되는 배열 방법:

• push(): 배열 끝에 하나 이상의 요소를 추가합니다.

<code class="language-javascript">   fruits.push("mango"); </code>

• pop(): 배열의 마지막 요소를 제거하고 반환합니다.

<code class="language-javascript">   const removedFruit = fruits.pop(); </code>

• unshift(): 배열 시작 부분에 하나 이상의 요소를 추가합니다.

<code class="language-javascript">   fruits.unshift("kiwi"); </code>

• shift(): 배열의 첫 번째 요소를 삭제하고 반환합니다.

<code class="language-javascript">   const firstFruit = fruits.shift(); </code>

• slice(): 배열 일부의 얕은 복사본을 만듭니다.

<code class="language-javascript">   const citrusFruits = fruits.slice(1, 3); // 从索引1到2（不包括2）的元素</code>

• splice(): 지정된 위치에 배열 요소를 추가/제거합니다.

<code class="language-javascript">   fruits.splice(1, 0, "pear"); // 在索引1处插入"pear"
   fruits.splice(2, 1); // 从索引2处删除1个元素</code>

• concat(): 기존 배열을 연결하여 새 배열을 만듭니다.

<code class="language-javascript">   const combinedFruits = fruits.concat(["pineapple", "strawberry"]); </code>

• join(): 모든 배열 요소를 지정된 구분 기호로 구분된 문자열로 연결합니다.

<code class="language-javascript">   const fruitString = fruits.join(", "); </code>

• indexOf(): 해당 요소의 첫 번째 인덱스를 반환합니다.

<code class="language-javascript">   const index = fruits.indexOf("apple"); </code>

• includes(): 배열에 요소가 포함되어 있는지 확인합니다.

<code class="language-javascript">   const hasBanana = fruits.includes("banana"); </code>

• forEach(): 각 배열 요소에 대해 제공된 함수를 한 번씩 실행합니다.

<code class="language-javascript">   fruits.forEach(fruit => console.log(fruit)); </code>

• map(): 원래 배열의 각 요소에 함수를 적용하여 새 배열을 만듭니다.

<code class="language-javascript">   const fruitLengths = fruits.map(fruit => fruit.length); </code>

• filter(): 함수에서 제공하는 테스트를 통과한 요소만 포함하는 새 배열을 만듭니다.

<code class="language-javascript">   const longFruits = fruits.filter(fruit => fruit.length > 5); </code>

자바스크립트 배열과 그 메소드에 대한 기본 개요입니다. 그 밖에도 다양한 방법이 있으며 각 방법에는 고유한 목적이 있습니다. 이것이 도움이 되기를 바랍니다!

위 내용은 배열 및 배열 방법에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!