JS 공부하기 -3

배열

function sumOf(number) {
  let sum = 0;
  for (let i = 0; i < number.length; i++) {
    sum += number[i];
  }
  return sum;
}

const result = sumOf([1, 2, 3, 4]);
console.log(result);

---

배열 내장함수

const superman = ["아이언맨", "캡틴", "토르"];

function print(hero) {
  console.log(hero);
}

superman.forEach(print);

superman.forEach(function(hero) {
  console.log(hero);
});

superman.forEach(hero => {
  console.log(hero);
});

 

---

Map

const array = [1, 2, 3, 4, 5, 6, 7, 8];

// const squared=[];

// for(let i=0;i<array.length;i++){
//   squared.push(array[i]*array[i]);
// }

// array.forEach(n=>{
//   squared.push(n*n);
// })

const square = n => n * n;
const squared = array.map(square);
const squared2 = array.map(n => n * n);
//map 안에 있는걸 어떻게 할때
console.log(squared);
console.log(squared2);

const item = [
  {
    id: 1,
    text: "hello"
  },
  {
    id: 2,
    text: "bye"
  }
];

const text = item.map(t => t.text);
console.log(text);

---

 indexOf, find, findIndex

const superhero = ["아이언맨", "캡틴 아메리카", "토르", "닥터 스트레인지"];

const index = superhero.indexOf('토르');
console.log(index); 

const todos=[
  {
    id:1,
    text:'자바스크립트',
    done: true,
  },
  {
    id:2,
    text:'함수 배우기',
    done:true,
  },
  {
    id:3,
    text:'객체와 배열 배우기',
    done:true,
  },
  {
    id:2,
    text:'배열 내장 함수 배우기',
    done:false,
  }
];

const index2 = todos.indexOf(3);
console.log(index2);
// -1이 return 된다. 일치하는게 없다라는 뜻
const index3 = todos.findIndex(todo => todo.id ===3);
// 특정 값을 통해서 찾고자 한다면
console.log(index3);
const index4 = todos.find(todo => todo.id ===3);
console.log(index4);

---