Jak opróżnić tablicę w JavaScript?

2197

Czy istnieje sposób na opróżnienie tablicy, a jeśli tak, to za pomocą .remove()?

Na przykład,

A = [1,2,3,4];

Jak mogę to opróżnić?

akano1
źródło
1
tutaj punkt odniesienia z różnymi możliwościami: jsben.ch/#/7QyI1
EscapeNetscape

Odpowiedzi:

4412

Sposoby wyczyszczenia istniejącej tablicy A:

Metoda 1

(to była moja pierwotna odpowiedź na pytanie)

A = [];

Ten kod ustawi zmienną Ana nową pustą tablicę. Jest to idealne rozwiązanie, jeśli nigdzie indziej nie ma odniesień do oryginalnej tablicyA , ponieważ w rzeczywistości tworzy to zupełnie nową (pustą) tablicę. Powinieneś być ostrożny z tą metodą, ponieważ jeśli odwoływałeś się do tej tablicy z innej zmiennej lub właściwości, oryginalna tablica pozostanie niezmieniona. Używaj tego tylko, jeśli odwołujesz się do tablicy tylko przez jej oryginalną zmienną A.

To także najszybsze rozwiązanie.

Ten przykładowy kod pokazuje problem, który możesz napotkać podczas korzystania z tej metody:

var arr1 = ['a','b','c','d','e','f'];
var arr2 = arr1;  // Reference arr1 by another variable 
arr1 = [];
console.log(arr2); // Output ['a','b','c','d','e','f']

Metoda 2 (jako sugerowane przez Matthew Crumley )

A.length = 0

Spowoduje to wyczyszczenie istniejącej tablicy przez ustawienie jej długości na 0. Niektórzy twierdzą, że może to nie działać we wszystkich implementacjach JavaScript, ale okazuje się, że tak nie jest. Działa również, gdy używa się „trybu ścisłego” w ECMAScript 5, ponieważ właściwość length tablicy jest właściwością odczytu / zapisu.

Metoda 3 (jako sugerowane przez Antoniego )

A.splice(0,A.length)

Używanie .splice()będzie działać idealnie, ale ponieważ .splice()funkcja zwróci tablicę ze wszystkimi usuniętymi elementami, faktycznie zwróci kopię oryginalnej tablicy. Testy porównawcze sugerują, że nie ma to żadnego wpływu na wydajność.

Metoda 4 (jako sugerowane przez tanguy_k )

while(A.length > 0) {
    A.pop();
}

To rozwiązanie nie jest bardzo zwięzłe i jest również najwolniejszym rozwiązaniem, w przeciwieństwie do wcześniejszych testów porównawczych wymienionych w pierwotnej odpowiedzi.

Wydajność

Ze wszystkich metod czyszczenia istniejącej tablicy metody 2 i 3 są bardzo podobne pod względem wydajności i są znacznie szybsze niż metoda 4. Zobacz ten test porównawczy .

Jak zauważył Diadistis w odpowiedzi poniżej, oryginalne testy porównawcze, które zastosowano do określenia wydajności czterech opisanych powyżej metod, były wadliwe. Oryginalny test ponownie wykorzystał wyczyszczoną tablicę, więc drugą iteracją było wyczyszczenie tablicy, która była już pusta.

Poniższy test naprawia tę usterkę: http://jsben.ch/#/hyj65 . Wyraźnie pokazuje, że metody # 2 (właściwość length) i # 3 (splice) są najszybsze (nie licząc metody nr 1, która nie zmienia oryginalnej tablicy).


To był gorący temat i przyczyną wielu kontrowersji. W rzeczywistości istnieje wiele poprawnych odpowiedzi, a ponieważ odpowiedź ta była od dawna oznaczona jako odpowiedź zaakceptowana, w tym miejscu uwzględnię wszystkie metody. Jeśli głosujesz na tę odpowiedź, proszę głosować również na inne odpowiedzi, o których wspomniałem.

Philippe Leybaert
źródło
183
while (A.length) { A.pop(); }, nie ma potrzeby> 0
Ivan Black
327
> 0jest bardziej czytelny IMHO. I nie ma między nimi żadnej różnicy wydajności.
Philippe Leybaert,
10
@daghan, wcale nie jest jasne, co próbujesz powiedzieć. bzawiera odniesienie do starej tablicy nawet po aprzypisaniu nowej. ci dkontynuuj odwoływanie się do tej samej tablicy. Dlatego oczekuje się różnicy w wynikach.
shovavnik
9
@DiegoJancic Metoda nr 1 się nie liczy, ponieważ nie czyści tablicy. Tworzy nowy. Nie należy go uwzględniać w teście porównawczym.
Philippe Leybaert
44
Nie możesz użyć, while(A.pop())jeśli przedmiot w tablicy jest falsey. Weźmy na przykład A = [2, 1, 0, -1, -2] dałoby A równe [2, 1]. Nawet while(A.pop() !== undefined)nie działa, ponieważ możesz mieć tablicę z niezdefiniowaną jako jedną z wartości. Prawdopodobnie dlaczego kompilator go nie zoptymalizował.
Jonathan Gawrych
2458

Jeśli musisz zachować oryginalną tablicę, ponieważ masz inne odniesienia do niej, które również powinny zostać zaktualizowane, możesz ją wyczyścić bez tworzenia nowej tablicy, ustawiając jej długość na zero:

A.length = 0;
Matthew Crumley
źródło
17
co na ten temat mówi ECMAScript 5 Standard?
Pacerier
212
@Pacerier: Nadal działa w ES5. Z sekcji 15.4: „... za każdym razem, gdy zmieniana jest właściwość length, każda właściwość, której nazwa jest indeksem tablicowym, którego wartość nie jest mniejsza niż nowa długość, jest automatycznie usuwana”
Matthew Crumley
2
@einar: Tablice JavaScript zawsze rozwijają się, aby pasowały do ​​wszystkiego, co w nich wstawisz, więc po wywołaniu myarray.push(whatever)dodaje jeden do długości. Tak więc ustawienie długości obcina tablicę, ale nie jest trwałe.
Matthew Crumley,
12
@LosManos Nawet w trybie ścisłym lengthjest specjalną właściwością, ale nie tylko do odczytu, więc nadal będzie działać.
Matthew Crumley
11
@MattewCrumley Zrobiłem trochę testów i wydaje się, że a.length = 0 nie jest wydajnym czyszczeniem całej tablicy. jsperf.com/length-equal-0-or-new-array Myślę, że jeśli masz jedno udoskonalenie (i nie dodałeś dodatkowych właściwości, które chcesz zachować), lepiej jest utworzyć nową tablicę i pozostawiać stare pojemnik na śmieci, który będzie uruchamiany w razie potrzeby.
Paul Brewczynski
289

Tutaj realizacja najszybciej pracuje jednocześnie zachowując tę samą tablicę ( „zmienny”):

function clearArray(array) {
  while (array.length) {
    array.pop();
  }
}

Dla twojej informacji nie można tego uprościć while (array.pop()): testy zakończą się niepowodzeniem.

FYI Mapa i Set określić clear(), byłoby to logiczne wydaje się mieć clear()na tablicy zbyt.

Wersja TypeScript:

function clearArray<T>(array: T[]) {
  while (array.length) {
    array.pop();
  }
}

Odpowiednie testy:

describe('clearArray()', () => {
  test('clear regular array', () => {
    const array = [1, 2, 3, 4, 5];
    clearArray(array);
    expect(array.length).toEqual(0);
    expect(array[0]).toEqual(undefined);
    expect(array[4]).toEqual(undefined);
  });

  test('clear array that contains undefined and null', () => {
    const array = [1, undefined, 3, null, 5];
    clearArray(array);
    expect(array.length).toEqual(0);
    expect(array[0]).toEqual(undefined);
    expect(array[4]).toEqual(undefined);
  });
});

Tutaj zaktualizowany jsPerf: http://jsperf.com/array-destroy/32 http://jsperf.com/array-destroy/152

tanguy_k
źródło
5
TT twoja odpowiedź jest jedyną, która jest poprawna i szybka (jednocześnie), ale ma znacznie mniej „pozytywnych opinii”. Cóż, wydaje się, że ludzie lubią ładne rozwiązania, które są powolne: /
obenjiro
@ anomik Ale jest to jedna z podstawowych funkcjonalności, która powinna być domyślnie dostępna.
thefourtheye
7
@thefourtheye Dobre rozwiązanie dla wydajności, chociaż zgadzam się z @naomik, nie powinieneś modyfikować obiektów rodzimych. Mówiąc, że powinno tam być, nie ma sensu, problem polega na tym, że modyfikujesz globale , co jest złe. Jeśli udostępniasz swój kod do użytku innym, nie powinien on mieć nieprzewidzianych skutków ubocznych. Wyobraź sobie, że inna biblioteka również zmodyfikowała Array.prototypei robiła coś nieco innego, to cały kod [].clear()był nieco niepoprawny. Debugowanie nie byłoby przyjemne. Zatem ogólny komunikat brzmi: Nie modyfikuj globałów.
jpillora
3
@tourfhethe Cały sens nie modyfikowania zasięgu globalnego polega na tym, że nie będziesz wiedział, czy kod innej osoby już (lub będzie) używał nazwy. Sugeruję funkcję w zakresie lokalnym. Tak więc wewnątrz IIFE aplikacji / biblioteki zrób function clear(arr) { while(arr.length) arr.pop(); }, a następnie wyczyść tablice za pomocą clear(arr)zamiast arr.clear().
jpillora
2
Okazuje się, że ta metoda jest znacznie wolniejsza niż .splice()i .length=0. Testy porównawcze były niepoprawne. Zobacz moją zaktualizowaną odpowiedź.
Philippe Leybaert
216

Bardziej przyjaznym dla różnych przeglądarek i bardziej optymalnym rozwiązaniem będzie użycie splicemetody do opróżnienia zawartości tablicy A, jak poniżej:

A.splice(0, A.length);

Anthony
źródło
49
Dlaczego jest to bardziej przyjazne dla różnych przeglądarek? Jakie przeglądarki mają problemy z A.length?
stricjux 21.11.11
4
@ jm2 to, co mówisz, nie jest do końca prawdą. Faktycznie modyfikuje tablicę, a następnie wpływa to na wszystkie odwołania. Zobacz test na moim jsFiddle: jsfiddle.net/shamasis/dG4PH
Shamasis Bhattacharya
3
@alex nie, nie robi, splicemodyfikuje tablicę i zwraca usunięte wpisy. Najpierw przeczytaj dokumentację: developer.mozilla.org/en-US/docs/JavaScript/Reference/…
David Hellsing,
3
Możemy uniknąć wynikającego z mikromacierzy z zawraca za pomocą operatora przecinek : A.splice(0, A.length),0;. Pozostawiłoby to wartość zwrotną 0tak samo jak A.length = 0;. Powstała tablica jest nadal tworzona i powinna powodować wolniejsze działanie skryptu: ( jsperf ~ 56% wolniej). Wpłynie to na implementację przeglądarki, chociaż nie widzę powodu, dla którego splicebyłoby szybsze niż ustawienie length.
Evan Kennedy,
8
Przekonałem się również, że po prostu A.splice(0)działa.
corwin.amber,
97

Odpowiedzi, które mają obecnie nie mniej niż 2739 głosów pozytywnych, są mylące i niepoprawne.

Pytanie brzmi: „Jak opróżnić istniejącą tablicę?” Np A = [1,2,3,4]. Dla .

  1. Powiedzenie „ A = []jest odpowiedzią” jest ignoranckie i absolutnie niepoprawne. [] == []jest fałszywe .

    Wynika to z faktu, że te dwie tablice są dwoma oddzielnymi, indywidualnymi obiektami, posiadającymi własne dwie tożsamości, zajmującymi własną przestrzeń w świecie cyfrowym, każdy z osobna.


Powiedzmy, że twoja matka prosi cię o opróżnienie kosza na śmieci.

  • Nie przynosisz nowego, jakbyś zrobił to, o co cię proszono.
  • Zamiast tego opróżniasz kosz na śmieci.
  • Nie zastępujesz napełnionego nowego pustą puszką i nie bierzesz etykiety „A” z napełnionej puszki i nie przyklejasz jej do nowej, jak w A = [1,2,3,4]; A = [];

Opróżnianie obiektu tablicy jest najłatwiejszą rzeczą w historii:

A.length = 0;

W ten sposób puszka pod „A” jest nie tylko pusta, ale także tak czysta jak nowa!


  1. Ponadto nie musisz ręcznie usuwać śmieci, dopóki puszka nie będzie pusta! Zostaliśmy poproszeni o opróżnienie istniejącego, całkowicie, za jednym razem, aby nie podnosić śmieci, dopóki puszka się nie opróżni, jak w:

    while(A.length > 0) {
        A.pop();
    }
  2. Ponadto, aby położyć lewą rękę na dole kosza, trzymając ją prawą górą, aby móc wyciągnąć jej zawartość, jak w:

    A.splice(0, A.length);

Nie, poproszono Cię o opróżnienie:

A.length = 0;

Jest to jedyny kod, który poprawnie opróżnia zawartość danej tablicy JavaScript.

Bekim Bacaj
źródło
11
Jedynym problemem z sugerowanym rozwiązaniem jest to, że kosz nadal istnieje, po prostu zmieniłeś tablicę ogłoszeń, mówiąc, że nie ma śmieci. Odwołanie do starej tablicy powinno nadal istnieć. Czy możesz być pewien, że moduł czyszczenia pamięci podczas ustawiania .length = 0 usunie również wszystkie odniesienia do tablicy i jej właściwości? Myślę, że tak, ale dla mnie to magia. Metoda .clear () jest pożądana, aby uniknąć pomyłek.
mmm
8
Nigdy nie powiedziałem, że to rozwiązanie jest złe. Problem polega na tym, że cały ten wątek jest całkowicie niepotrzebny. Ponad 3000 głosów pokazuje, że próba znalezienia najlepszego sposobu powinna sprawić, że programiści EMCA zechcą dodać taką metodę. Nikt nie powinien musieć tego rozgryzać. Istnieją trzy - cztery różne sposoby, aby to zrobić. W niektórych testach długości rozwiązania są znacznie wolniejsze niż w innych. Ponadto pomysł ustawienia .length = 0 dla każdego rozsądnego programisty nie byłby zadowalający.
mmm
2
Ponieważ aby osiągnąć to, co powinno, wszystkie odniesienia muszą zostać usunięte. .length = 0 nie jest nawet wywołaniem metody, więc jeśli zostaną ustawione inne działania, gdy jest ustawiony na 0 (które są podejmowane w większości przeglądarek poprzez setter), nadal uważałbym to za zbyt magiczne, aby ufać, że zrobi to, co powinien do zrobienia.
mmm
7
Dlatego wolałbym to wyjaśnić sam. Jasną metodę można prototypować, ale jest to po prostu brzydka. Chodzi mi o to, że ta implementacja powinna już być obecna, aby ponad 10 000 programistów nie musiało spędzać godzin na czytaniu tylko tego wątku, nie biorąc pod uwagę wszystkich innych, którzy spędzili więcej czasu na testowaniu.
mmm
1
istnieje tylko jeden sposób, aby opróżnić tablicę, wypełnić ją nowymi przychodzącymi danymi i odrzucić je ponownie. Wszyscy inni albo nie są, albo są absurdalnie nieefektywni i niewybaczalnie głodni CPU. Jedyną praktyczną alternatywą jest A(n) = A.splice( 0, A.length );konieczność wykonania kopii zapasowej poprzedniej zawartości. ps Array.lengthjest metodą odczytu / zapisu \ na wypadek, gdybyś przeoczył ten podstawowy fakt. Oznacza to, że możesz go rozszerzyć na nową długość, nie możesz przyciąć go na dowolną długość, a między innymi możesz odrzucić wszystkich członków, skracając jego długość do 0. To szwajcarski nóż z tablicy.
Bekim Bacaj,
63

Test wydajności:

http://jsperf.com/array-clear-methods/3

a = []; // 37% slower
a.length = 0; // 89% slower
a.splice(0, a.length)  // 97% slower
while (a.length > 0) {
    a.pop();
} // Fastest
kenshou.html
źródło
9
Dodanie zmian procentowych nie ma większego sensu bez zwracania uwagi na twoją platformę. Na moim komputerze pop jest tylko nieznacznie szybszy w Chrome 34, ale w rzeczywistości wolniejszy niż [] w najnowszym Firefoksie.
Matt Styles
2
Testowanie w Firefoksie 39.0 32-bit na Windows NT 6.3 64-bit, a = [] jest najszybszy!
Reza-S4
5
W tym teście pod Chrome jest zdecydowanie coś podejrzanego. Jak, u diabła, ta pętla może być tak szybsza niż pozostałe 3 rozwiązania?
chqrlie
9
@chqrlie To nie jest. To najwolniejsza metoda. Test porównawczy jest wadliwy.
Philippe Leybaert,
15
Usuń tę odpowiedź, ponieważ jest błędna, a linki do bezsensownego błędnego testu jako fałszywego dowodu.
James Wakefield,
35

Możesz dodać to do pliku JavaScript, aby umożliwić „wyczyszczenie” tablic:

Array.prototype.clear = function() {
    this.splice(0, this.length);
};

Następnie możesz użyć tego w następujący sposób:

var list = [1, 2, 3];
list.clear();

Lub jeśli chcesz mieć pewność, że czegoś nie zniszczysz:

if (!Array.prototype.clear) {
    Array.prototype.clear = function() {
       this.splice(0, this.length);
    };
}

Wiele osób uważa, że ​​nie powinieneś modyfikować obiektów rodzimych (takich jak Array), i jestem skłonny się zgodzić. Zachowaj ostrożność przy podejmowaniu decyzji, jak sobie z tym poradzić.

pijawka
źródło
1
@ anomik Czy potrafisz wyjaśnić swoje rozumowanie, dlaczego takie postępowanie jest niezadowolone?
Niezdefiniowany
17
Zmarnowane jest to, by modyfikować prymitywne funkcje javascript, takie jak Array i String. Możliwe, że przeciążasz już istniejącą funkcję i wyrzucisz klasę obiektu. Może istnieć niejasny silnik javascript, który ma już funkcję clear () i oczekuje, że będzie zachowywać się inaczej. Stąpaj ostrożnie, wszystko co mówię.
Projekt Adrian
Co powiesz na problem polegający na tym, że wykonywanie foreach nad elementami tablicy nagle zacznie zawierać clearklucz?
ErikE
19

Istnieje wiele zamieszania i dezinformacji dotyczących czasu; wydajność pop / shift zarówno w odpowiedziach, jak i komentarzach. Rozwiązanie while / pop ma (zgodnie z oczekiwaniami) najgorszą wydajność . W rzeczywistości dzieje się tak, że konfiguracja jest uruchamiana tylko raz dla każdej próbki, która uruchamia fragment kodu w pętli. na przykład:

var arr = [];

for (var i = 0; i < 100; i++) { 
    arr.push(Math.random()); 
}

for (var j = 0; j < 1000; j++) {
    while (arr.length > 0) {
        arr.pop(); // this executes 100 times, not 100000
    }
}

Utworzyłem nowy test, który działa poprawnie:

http://jsperf.com/empty-javascript-array-redux

Ostrzeżenie: nawet w tej wersji testu nie widać rzeczywistej różnicy, ponieważ klonowanie tablicy zajmuje większość czasu testu. Nadal pokazuje, że splicejest to najszybszy sposób na wyczyszczenie tablicy (nie biorąc []pod uwagę, ponieważ chociaż jest najszybszy, tak naprawdę nie usuwa istniejącej tablicy).

Diadistis
źródło
Bardzo dobry punkt! Zaktualizuję oryginalną odpowiedź poprawnymi wynikami testu porównawczego.
Philippe Leybaert
Nie mogę uwierzyć, że nikt nie zauważył tego błędu testu porównawczego. Przy ponad pół miliona wyświetleń można się spodziewać, że ktoś to zauważy. Świetna robota Diadistis
Philippe Leybaert
15

Jeśli jesteś zainteresowany alokacją pamięci, możesz porównać każde podejście, używając czegoś takiego jak ten jsfiddle w połączeniu z zakładką osi czasu chrome dev tools. Będziesz chciał użyć ikony kosza na dole, aby wymusić odśmiecanie po „wyczyszczeniu” tablicy. To powinno dać ci bardziej konkretną odpowiedź dla wybranej przeglądarki. Wiele odpowiedzi tutaj jest starych i nie chciałbym na nich polegać, a raczej przetestować, jak w powyższej odpowiedzi @ tanguy_k.

(wprowadzenie do wyżej wymienionej karty można sprawdzić tutaj )

Stackoverflow zmusza mnie do skopiowania jsfiddle, więc oto:

<html>
<script>
var size = 1000*100
window.onload = function() {
  document.getElementById("quantifier").value = size
}

function scaffold()
{
  console.log("processing Scaffold...");
  a = new Array
}
function start()
{
  size = document.getElementById("quantifier").value
  console.log("Starting... quantifier is " + size);
  console.log("starting test")
  for (i=0; i<size; i++){
    a[i]="something"
  }
  console.log("done...")
}

function tearDown()
{
  console.log("processing teardown");
  a.length=0
}

</script>
<body>
    <span style="color:green;">Quantifier:</span>
    <input id="quantifier" style="color:green;" type="text"></input>
    <button onclick="scaffold()">Scaffold</button>
    <button onclick="start()">Start</button>
    <button onclick="tearDown()">Clean</button>
    <br/>
</body>
</html>

I należy pamiętać, że może to zależeć od typu elementów tablicy, ponieważ javascript zarządza łańcuchami inaczej niż inne typy pierwotne, nie mówiąc już o tablicach obiektów. Typ może mieć wpływ na to, co się stanie.

matanster
źródło
15

Możesz łatwo utworzyć funkcję, aby to zrobić, zmienić długość, a nawet dodać ją do natywnej macierzy jako remove()funkcję do ponownego użycia.

Wyobraź sobie, że masz tę tablicę:

var arr = [1, 2, 3, 4, 5]; //the array

OK, po prostu uruchom to:

arr.length = 0; //change the length

a wynikiem jest:

[] //result

łatwy sposób na opróżnienie tablicy ...

Również za pomocą pętli, która nie jest konieczna, ale po prostu inny sposób:

/* could be arr.pop() or arr.splice(0)
don't need to return as main array get changed */

function remove(arr) {
  while(arr.length) {
    arr.shift(); 
  }
}

Istnieje również trudny sposób, o którym możesz pomyśleć, na przykład coś takiego:

arr.splice(0, arr.length); //[]

Więc jeśli arr ma 5 elementów, podzieli 5 elementów od 0, co oznacza, że ​​nic nie pozostanie w tablicy.

Również inne sposoby, takie jak po prostu przypisz tablicę, na przykład:

arr = []; //[]

Jeśli spojrzysz na funkcje macierzy, istnieje wiele innych sposobów, aby to zrobić, ale najbardziej zalecaną może być zmiana długości.

Jak już powiedziałem, możesz także prototypować remove (), ponieważ jest to odpowiedź na twoje pytanie. możesz po prostu wybrać jedną z powyższych metod i prototypować ją do obiektu Array w JavaScript, na przykład:

Array.prototype.remove = Array.prototype.remove || function() {
  this.splice(0, this.length);
};

i możesz to tak nazwać, aby opróżnić dowolną tablicę w aplikacji javascript:

arr.remove(); //[]
Alireza
źródło
arr. długość = 0; // zmień długość
Ajay Malhotra
14
Array.prototype.clear = function() {
    this.length = 0;
};

I nazwij to: array.clear();

Bendegúz
źródło
77
Nie należy zachęcać do modyfikowania rodzimych obiektów.
Dziękuję
21
dlaczego ludzie mają taką skłonność do chwytania zaakceptowanej odpowiedzi i umieszczania jej w prototypowej funkcji? Czy faktycznie robisz to w swoich projektach? Czy masz ogromną bibliotekę prototypowych dodatków, które dołączasz do każdego projektu?
nurettin
4
Dlaczego nie po prostu wpisać array.length = 0?
Projekt Adrian
10
@naomik „Proszę nie zachęcać do modyfikowania rodzimych obiektów.” - Całkowicie się z tym zgadzam, ale samo powtórzenie zdania wydaje się aroganckie. Ktoś proponujący takie rozwiązanie prawdopodobnie nie zdaje sobie sprawy z konsekwencji, a umieszczenie na nich tego wiersza zamiast krótkiego wyjaśnienia lub linku nie przekazuje znaczenia innego niż „my, ludzie mądrzejsi od ciebie, mówimy, abyś tego nie robił, ponieważ wiemy lepiej " .
John Weisz,
12

A.splice(0);

Właśnie to zrobiłem na pewnym kodzie, nad którym pracuję. Wyczyścił tablicę.

David Campbell
źródło
Nie, właśnie wymieniłeś nazwany kontener tablicowy na nowo utworzony anonimowy. `var A = [1,2,3,4]; var B; B = A.splice (0); console.log (A); console.log (B); „
Bekim Bacaj,
12

Jeśli używasz

a = []; 

Następnie przypisujesz nowe odwołanie do tablicy, jeśli odwołanie w a jest już przypisane do jakiejkolwiek innej zmiennej, to również nie opróżni tej tablicy, a zatem śmieciarz nie zbierze tej pamięci.

Np.

var a=[1,2,3];
var b=a;
a=[];
console.log(b);// It will print [1,2,3];

lub

a.length = 0;

Kiedy określimy a.length , po prostu resetujemy granice tablicy, a pamięć dla pozostałych elementów tablicy zostanie połączona przez moduł czyszczenia pamięci.

Zamiast tych dwóch rozwiązań są lepsze.

a.splice(0,a.length)

i

while(a.length > 0) {
    a.pop();
}

Zgodnie z poprzednią odpowiedzią kenshou.html druga metoda jest szybsza.

Laxmikant Dange
źródło
10
Poza tym, że się mylę a.length, nie rozumiem, co ta nowa odpowiedź dodaje do wątku?
Bergi,
@Bergi Chcę się skupić na rzeczywistej reprezentacji pamięci o tablicy
Laxmikant Dange
Czy masz jakieś źródło, które potwierdzi, które silniki JS utworzą nową tablicę podczas a.length=0;wykonywania? Jak działałyby te silniki a.length=500;i a.length=4;?
joeytwiddle
Próbowałem w większości przeglądarek, takich jak IE, Firefox, Chrome, tworzy nową tablicę. Jeśli ustawisz długość większą niż 0, utworzy to tablicę z niezdefiniowanymi elementami, tzn. Po prostu będzie przechowywać niektóre lokalizacje pamięci.
Laxmikant Dange
1
var a = [1]; var b = a; a.length = 0; console.log(b)drukuje Array [ ], więc nie wydaje mi się, że tworzy dla mnie nową tablicę.
John Montgomery,
9

Użyj zmodyfikowanej wersji początkowej sugestii Jana :

var originalLength = A.length;
for (var i = originalLength; i > 0; i--) {
     A.pop();
}
cssimsek
źródło
12
Dlaczego miałbyś chcieć zrobić coś takiego? Po co dodawać jeszcze dwie zmienne i wiązkę kodu, aby zrobić to samo?
Killah
6

Jeśli używasz stałych, nie masz wyboru:

const numbers = [1, 2, 3]

Nie możesz ponownie przypisać:

numbers = []

Możesz tylko obciąć:

numbers.length = 0
Damjan Pavlica
źródło
5

wprowadź opis zdjęcia tutaj

Aby opróżnić bieżącą lokalizację pamięci tablicy, użyj: 'myArray.length = 0'lub'myArray.pop() UN-till its length is 0'

  • length: Możesz ustawić właściwość length, aby obciąć tablicę w dowolnym momencie. Po rozszerzeniu tablicy poprzez zmianę jej właściwości długość rośnie liczba rzeczywistych elementów.
  • pop() : Metoda pop usuwa ostatni element z tablicy i zwraca, która zwraca usuniętą wartość.
  • shift(): Metoda shift usuwa element o indeksie zeroeth i przesuwa wartości przy kolejnych indeksach w dół, a następnie zwraca usuniętą wartość.

Przykład:

var arr = ['77'];
arr.length = 20;
console.log("Increasing : ", arr); // (20) ["77", empty × 19]
arr.length = 12;
console.log("Truncating : ", arr); // (12) ["77", empty × 11]

var mainArr = new Array();
mainArr = ['1', '2', '3', '4'];

var refArr = mainArr;
console.log('Current', mainArr, 'Refered', refArr);

refArr.length = 3;
console.log('Length: ~ Current', mainArr, 'Refered', refArr);

mainArr.push('0');
console.log('Push to the End of Current Array Memory Location \n~ Current', mainArr, 'Refered', refArr);

mainArr.poptill_length(0);
console.log('Empty Array \n~ Current', mainArr, 'Refered', refArr);

Array.prototype.poptill_length = function (e) {
  while (this.length) {
    if( this.length == e ) break;

    console.log('removed last element:', this.pop());
  }
};

  • new Array() | [] Utwórz tablicę z nową lokalizacją pamięci za pomocą Array constructorlub array literal.

    mainArr = []; // a new empty array is addressed to mainArr.
    
    var arr = new Array('10'); // Array constructor
    arr.unshift('1'); // add to the front
    arr.push('15'); // add to the end
    console.log("After Adding : ", arr); // ["1", "10", "15"]
    
    arr.pop(); // remove from the end
    arr.shift(); // remove from the front
    console.log("After Removing : ", arr); // ["10"]
    
    var arrLit = ['14', '17'];
    console.log("array literal « ", indexedItem( arrLit ) ); // {0,14}{1,17}
    
    function indexedItem( arr ) {
        var indexedStr = "";
        arr.forEach(function(item, index, array) {
            indexedStr += "{"+index+","+item+"}";
            console.log(item, index);
        });
        return indexedStr;
    }
  • slice() : Używając funkcji wycinania, otrzymujemy płytką kopię elementów z oryginalnej tablicy, z nowym adresem pamięci, dzięki czemu wszelkie modyfikacje cloneArr nie wpłyną na rzeczywistą | oryginalną tablicę.

    var shallowCopy = mainArr.slice(); // this is how to make a copy
    
    var cloneArr = mainArr.slice(0, 3); 
    console.log('Main', mainArr, '\tCloned', cloneArr);
    
    cloneArr.length = 0; // Clears current memory location of an array.
    console.log('Main', mainArr, '\tCloned', cloneArr);
Yash
źródło
„długość: wyskakuje, aż długość tablicy ma określony rozmiar.” Kto powiedział ci te bzdury?
Bekim Bacaj,
@BekimBacaj Zasadniczo działa tak samo. Prawdopodobnie powinno to powiedzieć length = ?zamiast po prostu length.
Tuupertunut,
@ BekimBacaj Zaktualizowałem swoją odpowiedź, po prostu założyłem, że długość skacze do długości, ale poprawiłem teraz, że długość po prostu obcina lub zwiększa rozmiar tablicy.
Yash
3

Dziwi mnie, że nikt jeszcze tego nie zasugerował:

let xs = [1,2,3,4];
for (let i in xs)
    delete xs[i];

Daje to tablicę w zupełnie innym stanie niż inne rozwiązania. W pewnym sensie tablica została „opróżniona”:

xs
=> Array [ <4 empty slots> ]

[...xs]
=> Array [ undefined, undefined, undefined, undefined ]

xs.length
=> 4

xs[0]
=> ReferenceError: reference to undefined property xs[0]

Możesz stworzyć równoważną tablicę za pomocą [,,,,]lubArray(4)

Kauterit
źródło
7
Może to być dobra odpowiedź na inne pytanie: „Jak przekonwertować wszystkie elementy w tablicy na elementy niezdefiniowane”.
Ruben
Chociaż wewnętrznie istnieje różnica między niezdefiniowanymi elementami a pustymi szczelinami („dziurami”)
Cauterite
-9

Użyj poniżej, jeśli chcesz opróżnić Array 2+ FormArray.

public emptyFormArray(formArray:FormArray) {
    for (let i = formArray.controls.length - 1; i >= 0; i--) {
        formArray.removeAt(i);
    }
}
Manish Jain
źródło
10
To nie ma znaczenia, a nawet JavaScript.
Emile Bergeron,