집 > 기사 > 웹 프론트엔드 > JavaScript의 의사 배열 사용법(자세한 튜토리얼)

JavaScript의 의사 배열 사용법(자세한 튜토리얼)

亚连원래의: 2018-06-19 09:40:332062검색

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

이 글의 예제는 사용법을 설명합니다. 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>

실행 결과:

위는 제가 컴파일한 것입니다. 여러분, 앞으로 모든 분들께 도움이 되었으면 좋겠습니다.

JavaScript의 의사 배열 사용법(자세한 튜토리얼)

관련 기사