javascript - dodawanie elementów tablicy w pętli for

Question

(javascript)

Cześć, moje pytanie brzmi:
jak dodać elementy tablicy np. takiej:

var tablica = [ 1, 2,3,4]

w pętli for, żeby te elementy się zsumowały w konsoli?

Answer 1

a po co chcesz ładować pętlę for do czegoś, co można zrobić gotową metodą obiektu Array?

var arr = [1,2,3,4], sum = 0;
sum = arr.reduce((a,b) => a+b);
console.log(sum);

A tak na marginesie to pętla for...in operuje nie na wartościach lecz na indeksach, a dokładniej mówiąc na nazwach właściwości (wewnętrznie tablica jest obiektem typu Array i w bardzo...bardzo dużym uogólnieniu posiada właściwości o nazwach "0": 1, "1": 2, "2": 3, "3": 4, "length": 4 + metody odziedziczone po Array.prototype). Do iteracji po wartościach jest pętla for...of ale lepiej stosować wbudowane metody JS gdyż są one wspierane natywnie w przeglądarkach.

Comments

Problem polega na tym, że metody z Array.prototype wciąż są wolniejsze (i to czasami sporo) od tradycyjnego for.

---

Przyznam szczerze, że nigdy nie porównywałem sobie szybkości działania obu rozwiązań na dużych tablicach i wychodziłem z założenia, że metody Array.prototype jako "wbudowane" w środowisko będą lepiej zoptymalizowane od pętli, ale nie ma co ukrywać, że masz znacznie większe doświadczenie w JS :) więc przyjmuję że masz rację. Z ciekawości muszę kiedyś sobie ten problem potestować :)

---

JSPerf mówi, że nawet o ponad 50% mniej wydajne. Powód jest dość prozaiczny: for w JS jest od zawsze, a forEach jest nowszym wynalazkiem.

---

Co nie znaczy, że polecam pętle wciskać wszędzie. Array.prototype.forEach jest o wiele bardziej eleganckie i jeśli wydajność nie jest kluczowa, to można z powodzeniem całkowicie pozbyć się for.

Answer 2

Żartujesz sobie prawda?

var sum = 0;
var arr = [1, 2, 3, 4];

for (var a in arr)
{
  sum += a;
}

console.log(sum);

 

Comments

Dlaczego wstawiasz gotowce do tak trywialnych zadań? Niech chociaż ludzie odrobinę tymi mózgami ruszą..

---

https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Statements/for...in

Trochę niżej jest notka informująca dot. tablicy i for..in

---

a da się to zrobić przy użyciu length?

---

Słuszna uwaga xmentor.

Na pierwszy rzut oka, nawet nie zauważyłem, że ten przykład nie działa. 

(btw, na mdn można się dokopać do kotwic nagłówków -> #Array_iteration_and_for...in)

 MTB - jeśli chcesz to zrobić forem - to nawet trzeba.

---

huh, za dużo Julii :P

Przynajmniej idea jest dobrze okazana