JavaScript 배열 : 작성 및 조작 방법

심층적이고 이해하기 쉬운 JavaScript 배열 : 생성 및 작전에 대한 자세한 설명

코어 포인트

JavaScript 배열에는 속성이 있고 작동 할 수 있으며 0과 4294967294 사이의 이름 범위를 가진 번호가있는 속성이 있습니다 (포함). JavaScript는 연관 배열을 지원하지 않습니다.

JavaScript 배열은 다양한 방식으로 생성되며 배열 리터럴을 사용하여 새 배열을 만드는 것이 좋습니다. 배열은 집중적 일 수 있습니다 (길이는 번호가 매겨진 속성 수와 같음) 또는 드문 드문 (길이가 번호가 매겨진 속성 수보다 큽니다).

JavaScript 배열의 길이를 변경할 수 있습니다. 새 길이가 현재 길이보다 적게 설정되면 배열의 번호가 매겨진 모든 속성은 새 길이보다 더 큰 속성이 제거됩니다.
• JavaScript는 배열의 항목을 추가, 제거 및 교체하는 메소드를 제공합니다. 항목을 추가하는 방법은 length,
및 를 포함합니다.
• JavaScript 배열을 조작하는 방법을 배우십시오. 배열 생성 프로세스, 배열 길이 변경, 추가, 제거 및 항목 교체를 다룹니다. 객체의
속성은 JavaScript의 많은 초보자가 이해하지 못하는 속성입니다. 많은 사람들은
• 가 배열에 얼마나 많은 항목이 있는지 정확히 알려주고 있으며, 이는 일부 배열에 대해서만 적용됩니다. 일부 초보자는 push가 배열의 쓰기 가능한 속성이라는 것을 알지 못합니다. 속성의 작동 방식을 명확히하기 위해, 우리가 가치를 바꾸거나 길이가 변경되는 작업을 실행할 때 어떤 일이 발생하는지 보자. 처음부터 시작합시다. JavaScript 배열에는 라는 속성이 있으며 이름이 0과 4294967294 (포함) 인 번호가 매겨진 속성을 선택적으로 주어질 수 있습니다. 또한 속성을 조작하는 몇 가지 방법이 있으며, 그 중 일부는 속성의 작동 방식을 조사 할 때 볼 것입니다. JavaScript는 연관 배열을 지원하지 않으므로 배열에 명명 된 속성을 추가 할 수 있지만 배열의 일부를 형성하지 않으며 모든 배열 메소드에 의해 무시됩니다. 그들은 또한 길이에 영향을 미치지 않습니다. 다양한 문으로 작업 할 때 배열 속성에 어떤 일이 발생하는지보다 쉽게 ​​보여주기 위해 각 코드 후에 다음 기능을 실행합니다. 이것은 배열의 길이와 모든 번호가 매겨진 속성을 브라우저 콘솔에 기록합니다. unshift splice 이 기사는 Chris Perry와 Marcello La Rocca가 검토했습니다. Sitepoint의 내용을 완벽하게 만들기 위해 Sitepoint의 모든 동료 검토 자에게 감사합니다! pop javaScript 로 배열을 만듭니다 우리는 먼저 자바 스크립트로 배열을 만드는 다양한 방법을 살펴볼 것입니다. 처음 두 예제에 의해 생성 된 배열의 길이는 길이 만 설정되며 번호가 매겨진 항목이 전혀 없습니다. 마지막 두 예제는 0에서 마이너스 길이 1에서 번호가 매겨진 항목을 만듭니다. 번호가 매겨진 속성보다 큰 길이를 가진 배열을 희소 배열이라고하며, 번호가 매겨진 속성과 동일한 길이를 가진 배열을 조밀 한 배열이라고합니다. shift

  <code class="language-javascript">var test = function(array) {
    console.log('length:'+ array.length);
    array.forEach(function(element, index, array) {
      console.log(index + ':' + element);
    });
  };</code>

  새 배열을 만들 때 배열 문자 표기법이 선호됩니다 (빈 브래킷이있는 새 배열 정의).
  번호가 매겨진 속성을 처리하는 배열 메소드 (이 경우 )는 기존 속성 만 처리합니다. 대신

  <code class="language-javascript">// 创建一个没有编号条目的数组
  
  var arr = new Array(5);
  test(arr);
  // length: 5
  
  var arr = [];
  arr.length = 5;
  test(arr);
  // length: 5</code>

  또는 로 루프하면 루프는 존재하지 않는 속성을 처리하려고 시도하며 배열은 존재하지 않는 항목을

  로 식별합니다. 그러면 코드는 위의 마지막 예제를 처음 두 예제와 구별 할 수 없습니다. 밀도가 높은 어레이에서 작업하는지 확실하지 않은 경우 항상 배열 메소드를 사용하여 배열을 처리해야합니다. forEach JavaScript 배열의 길이를 변경하십시오 다음 예제는 현재 길이보다 작은 배열의 새로운 길이를 설정하면 어떻게되는지 알 수 있습니다. for while 표기법을 사용하여 배열을 만들 때 각 항목은 값과 쉼표로 구성됩니다. 값이 생략되면 해당 위치에 대한 속성이 생성되지 않습니다. 마지막 쉼표는이 속성에 대한 값이 제공 될 때만 생략 할 수 있습니다. 그렇지 않으면 길이가 1만큼 줄어 듭니다. undefined javaScript 배열에서 항목 제거 JavaScript는 배열에서 항목을 제거하기 위해 세 가지 방법 , 및 를 제공하여 배열의 길이를 줄입니다. 각각의 경우, 제거 된 값 (또는 값)은 통화에 의해 반환됩니다.

  배열에서 항목을 추가하는 방법 우리는 번호가없는 속성이 아직 존재하지 않는 위치를 단순히 지정하여 배열에 새 항목을 추가 할 수 있습니다. 또한 JavaScript (,

  및

  <code class="language-javascript">var arr = ['a', 'b', 'c', 'd', 'e'];
  test(arr);
  // length:5, 0:a, 1:b, 2:c, 3:d, 4:e
  
  var arr = [undefined, undefined, undefined, undefined, undefined];
  test(arr);
  // length:5, 0:undefined, 1:undefined, 2:undefined, 3:undefined, 4:undefined</code>

  )가 제공 한 세 가지 방법 중 하나를 사용하여 새 항목을 삽입하고 필요한 경우 이전 항목을 이동할 수 있습니다.

  [] javaScript 배열 의 항목을 교체하십시오 기존 항목에 새 값을 할당하면 항목은 새 값 만 얻고 나머지 배열은 영향을받지 않습니다. 마찬가지로, 우리가 연구 한

  메소드의 변형을 결합함으로써, 우리는 기존 항목을 교체하거나 배열의 공백을 채울 수 있습니다.

  결론 위의 예는 배열의 pop 속성이 어떻게 작동하는지 더 잘 이해해야합니다. 이것은 배열의 항목 수보다 크거나 동일 할 수 있습니다. 동일하면, 우리는 더 큰 배열이 있습니다. 특정 배열 방법의 정확한 역할은 주어진 위치에 해당하는 희소 배열에 속성이 있는지 여부에 따라 달라질 수 있습니다. 배열의 길이를 변경하면 위치가 새 길이보다 큰 배열의 숫자 속성을 제거합니다. 길이가 번호가 매겨진 속성 수와 같고 길이를 증가 시키면 밀도가 높은 배열을 희소 어레이로 변환합니다. 배열에서 속성을 삭제하고 추가하는 배열 메소드는 필요한 경우 기존 항목을 이동하고 속성 간의 간격을 보존하고 이동합니다. shift JavaScript 배열 FAQS (FAQS) JavaScript의 어레이에 요소를 추가하는 방법은 무엇입니까?

  javaScript에서

  메소드를 사용하여 배열에 요소를 추가 할 수 있습니다. 이 메소드는 배열 끝에 새 항목을 추가하고 새 길이를 반환합니다. 예는 다음과 같습니다.

  JavaScript 배열에서 요소를 제거하는 방법은 무엇입니까?

  JavaScript는 배열에서 요소를 제거하는 몇 가지 방법을 제공합니다.

  메소드는 배열에서 마지막 요소를 제거하고 요소를 반환합니다. push() 메소드는 배열에서 첫 번째 요소를 제거하고 요소를 반환합니다. 이 방법을 사용하는 방법은 다음과 같습니다.

  <code class="language-javascript">var test = function(array) {
    console.log('length:'+ array.length);
    array.forEach(function(element, index, array) {
      console.log(index + ':' + element);
    });
  };</code>

  (후속 FAQ 내용은 원래 텍스트와 일치하며, 중복을 피하기 위해 여기서 생략)

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