JavaScript 의사 배열 사용법에 대한 자세한 설명-JS 튜토리얼-php.cn

JavaScript 의사 배열 사용법에 대한 자세한 설명

小云云

풀어 주다： 2017-12-23 14:35:58

원래의

3188명이 탐색했습니다.

이 글은 주로 JavaScript 의사 배열의 사용법을 소개하고, 의사 배열의 개념, 기능, 정의 및 간단한 사용법을 예제 형식으로 분석합니다. 필요한 친구들이 참고하면 도움이 될 것입니다.

Javascript의 의사 배열이란 무엇입니까?

의사 배열(유사 배열): 배열 메서드를 직접 호출하거나 길이 속성에서 특별한 동작을 기대할 수는 없지만 실제 배열 순회 메서드를 사용하여 여전히 순회할 수 있습니다.

1. 일반적으로 함수의 인수 매개변수인
2. getElementsByTagName, document.childNodes 등을 호출하면 모두 의사 배열인 NodeList 개체를 반환합니다.

그렇다면 의사 배열을 표준 배열로 변환하는 방법은 무엇일까요?

Array.prototype.slice.call(fakeArray)를 사용하여 배열을 실제 배열 개체로 변환할 수 있습니다.

예를 들어, 의사 배열을 사용하여 무한 매개변수 합계 문제를 구현합니다.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪数组</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments);
    for(var i=0;i<arguments.length;i++){
      sum +=arguments[i];
    }
    return sum;
  }
 console.log(add(1,2,5,8));
</script>
<body>
</body>
</html>

로그인 후 복사

실행 결과:

의사 배열을 표준 배열로 변환

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪数组</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments instanceof Array);//可以判断下此时是不是真正数组,返回值为false;
    console.log(arguments);//此时打印的是传入的参数1,2,5,8
    var arguments=Array.prototype.slice.call(arguments);//将伪数组转化为标准数组
    arguments.push(10);//此时就可以调用标准数组的方法
    console.log(arguments instanceof Array);//可以判断下此时是不是真正数组,返回值为true;
    console.log(arguments);//此时打印的是传入的参数,push之后的数组1,2,5,8,10
    for(var i=0;i<arguments.length;i++){
      sum +=arguments[i];
    }
    return sum;
  }
 console.log(add(1,2,5,8));
</script>
<body>
</body>
</html>

로그인 후 복사

실행 결과: