> 웹 프론트엔드 > 프런트엔드 Q&A > es6 배열에서 빈 데이터를 제거하는 방법

es6 배열에서 빈 데이터를 제거하는 방법

青灯夜游
풀어 주다: 2022-10-20 17:10:22
원래의
3130명이 탐색했습니다.

두 가지 방법: 1. for를 사용하여 값이 비어 있는 요소를 찾고, splice()를 사용하여 삭제합니다. 구문은 "for(i=0;i

es6 배열에서 빈 데이터를 제거하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

es6 배열에서 빈 데이터를 제거하는 두 가지 방법

방법 1: for 루프 및 splice() 함수 사용

  • for 루프를 사용하여 배열을 탐색

  • 루프 본문을 빈 요소로

  • splice() 함수를 사용하여 인덱스를 기반으로 요소를 제거

구현 코드:

//数组去空值
    var arr1=["某某","",3,5,"color","",3,"某某","color",""]
    console.log(arr1)
  //拓展数组去空值的方法
    Array.prototype.removeEmpty=function () {
      for(var i=0;i<this.length;i++){
        if(this[i]==""||typeof(this[i])=="undefind"){
          this.splice(i,1);
          i--;
        }
      }
      return this;
    }
    var arr2=arr1.removeEmpty();
로그인 후 복사

es6 배열에서 빈 데이터를 제거하는 방법

filter() 함수를 사용하여 배열 필터링 , 그리고 반환은 비어 있지 않습니다. 요소

filter() 함수는 콜백 함수를 호출하여 배열 요소를 필터링하고 조건을 충족하는 모든 요소를 ​​반환합니다(반환할 새 배열 생성)

  • 조건만 설정하면 됩니다. "비어 있지 않은 데이터", 즉

필터 조건을 설정하는 함수 작성 방법

function f(value){
	return (value);
}
로그인 후 복사

filter() 함수를 사용하여 콜백 함수 f(value)를 호출하여 배열을 필터링합니다. . f(value)来过滤数组即可。

实现代码:

//数组去空值
	
function f(v){
	return (v);
}
var arr1=["某某","",3,5,"color","",3,"某某","color",""]
console.log(arr1)
var arr2=arr1.filter(f);
console.log(arr2)
로그인 후 복사

es6 배열에서 빈 데이터를 제거하는 방법

说明:filter() 方法

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

作用:可以返回数组中满足指定条件的元素。

array.filter(function callbackfn(Value,index,array),thisValue)
로그인 후 복사

function callbackfn(Value,index,array)

구현 코드:
    var a = [2,3,4,5,6,7,8];
    function f (value) {
    	if (value % 2 == 0) {
    		return true;
    	}else{
    		 return false;
    	}
    }
    var b = a.filter(f);
    console.log(b);
    로그인 후 복사
  • 2. png

  • 설명: filter() 메서드
  • filter() 메서드는 새 배열을 만듭니다. 새 배열의 요소는 조건을 충족하는 지정된 배열의 모든 요소에 대해 확인됩니다.
  • 함수: 지정된 조건을 충족하는 배열의 요소를 반환할 수 있습니다.

    rrreee

    함수 callbackfn(Value,index,array): 생략할 수 없는 콜백 함수입니다. 최대 3개의 매개변수를 사용할 수 있습니다.
  • value: 현재 배열의 값 생략할 수 없는 요소.

    index: 현재 배열 요소의 숫자 인덱스입니다. es6 배열에서 빈 데이터를 제거하는 방법

    array: 현재 요소가 속한 배열 객체입니다.

    반환 값은 콜백 함수가 true를 반환하는 모든 값을 포함하는 새로운 배열입니다. 콜백 함수가 array 의 모든 요소에 대해 false를 반환하는 경우 새 배열의 길이는 0입니다. 🎜🎜예제를 통해 자세히 알아보겠습니다. 모든 짝수 반환🎜rrreee🎜출력 결과:🎜🎜🎜🎜🎜[관련 권장 사항: 🎜javascript 비디오 튜토리얼🎜, 🎜프로그래밍 비디오🎜]🎜

    위 내용은 es6 배열에서 빈 데이터를 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿