Перебор массивов в цикле for

var data = ["Яблоко", "Апельсин", "Слива"];

  

 for (var key in data) {

 	console.log(key + ': ' + data[key]);

 }

Результат:
0: Яблоко
1: Апельсин
2: Слива

Перебор объекта в цикле for

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"};

  

 for (var key in data) {

 	console.log(key + ': ' + data[key]);

 }

Результат:
name: Яблоко
name2: Апельсин
name3: Слива

Цикл forEach
Метод forEach() выполняет указанную функцию один раз для каждого элемента в массиве.

var data = ["Яблоко", "Апельсин", "Слива"];

  

 data.forEach(function(element, key){

 	console.log(key + ': ' + element);

 });

Результат:
name: Яблоко
name2: Апельсин
name3: Слива

Перебор объектов с помощью forEach

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"};

  

 Object.entries(data).forEach((entry) => {

 	const [key, value] = entry;

 	console.log(key + ': ' + value);

 });

Результат:
name: Яблоко
name2: Апельсин
name3: Слива

JQuery .each()
Метод .each() предназначен для цикличного обхода DOM-элементов, но также работает и с массивами и объектами.

var data = ["Яблоко", "Апельсин", "Слива"];

  

 $.each(data, function(key, value){

 	console.log(key + ': ' + value);

 });

Результат:
0: Яблоко
1: Апельсин
2: Слива

Перебор объектов с помощью each()

var data = {name: "Яблоко", name2: "Апельсин", name3: "Слива"};

  

 $.each(data, function(key, value){

 	console.log(key + ': ' + value);

 });

Результат:

name: Яблоко
name2: Апельсин
name3: Слива