Diff. between 'For of' and 'For in'

for-in-for-of.js

const obj = { a: 1, b: 2, c: 3 };
const array = ['a', 'b', 'c']
const str = 'abc'


// FOR OF OBJECT
for (const property of obj) {
  console.log(property);
}
// Output:
// TypeError: object is not iterable

// FOR IN OBJECT
for (const property in obj) {
  console.log(property);
}
// Output:
// 'a'
// 'b'
// 'c'


// FOR OF ARRAY
for (const item of arr) {
  console.log(item);
}
// Output:
// 'a'
// 'b'
// 'c'

// FOR IN ARRAY
for (const index in arr) {
  console.log(index);
}
// Output:
// '0'
// '1'
// '2'


// FOR OF STRING
for (const char of str) {
  console.log(char);
}
// Output:
// 'a'
// 'b'
// 'c'

// FOR IN STRING
for (const index in str) {
  console.log(index);
}
// Output:
// '0'
// '1'
// '2'