<Java Script> 배열 내장함수

1. forEach

: 배열의 모든 요소를 순환

<script>

const arr = [1,2,3,4];

arr.forEach((elm) => console.log(elm)); 


const newArr = arr.map((elm) => {
  return elm *2;
});

</script>

2. map

: 배열 값을 두배로 바꾸기

<script>

const newArr = arr.map((elm) => {
  return elm *2;
});

</script>

3. 찾기 -> includs, indexOf, findIndex, find

- includes : 주어진 인자가 배열에 존재하는지 확인

- indexOf : 같은 값을 가진 인자를 배열에서 찾고 위치반환

- findIndex : 주어진 값이 들어있는 배열의 위치 반환

<script>

let number = 3;

const arr1 =[
  {color : "red" },
  {color : "yello"},
  {color : "green"},
  {color : "blue"}
];

//includes : 주어진 인자가 배열에 존재하는지 확인
console.log(arr.includes(number));

//indexOf : 같은 값을 가진 인자를 배열에서 찾고 위치반환
console.log(arr.indexOf(number));

//findIndex : 주어진 값이 들어있는 배열의 위치 반환
console.log(arr1.findIndex((elm)=> elm.color === "red"));

const idx = arr1.findIndex((elm) => {
  return elm.color === "blue";
})

console.log(idx);


//find 
const idx1 = arr1.find((elm) => {
  return elm.color ===  "blue";
});


</script>

4. 수정 -filter, slice, concat

- filter : 뽑아내기

- slice : 자르기 (n, n-1)

- concat : 붙이기

<script>

const arr =[
  {num1 :1, color : "red" },
  {num1 :2, color : "yello"},
  {num1 :3, color : "green"},
  {num1 :4, color : "blue"}
];

//filter : 뽑아내기
console.log(arr.filter((elm) => elm.color === "blue"));

//slice : 자르기 (n, n-1)
console.log(arr.slice(0,2));


const arr1 =[
  {num1 :1, color : "red" },
  {num1 :2, color : "yello"}
];

const  arr2 =[
  {num1 :3, color : "green"},
  {num1 :4, color : "blue"}
];

//concat : 붙이기
console.log(arr1.concat(arr2));

</script>

5. 배열정렬 -> sort

<script>

//배열정렬

let chars = ["나","다","가"];

//sort : 문자 사전순 정렬
chars.sort();
console.log(chars);

let numbers = [0,1,4,6,2,3,8];

//sort(비교함수) : 숫자에 사용할때는 비교함수 필요
const compare = (a,b) => {
  //1.같다
  //2.크다
  //3.작다

  if(a>b){
      //크다
    return 1;
  }
  if(a<b){

    return -1;
  }

  return 0;
};
numbers.sort(compare);
console.log(numbers);

</script>

6. 배열 합치기 -> join

<script>

const arr = ["여러분", "오늘", "기분 어때요", "반가워요"];
console.log(arr);

//join : 배열 합치기
console.log(arr.join()); //중간에 쉼표 출력됨 -> 여러분,오늘,기분 어때요,반가워요
console.log(arr.join(" ")) // 중간에 여백 출력 -> 여러분 오늘 기분 어때요 반가워요

</script>

7. Truthy & Falsy

빈 배열이나, 숫자, 문자열, infinity 등 true가 아니어도 참으로 평가하는 것이 있는 데 truthy라고 함.
falsy는 null, undefined, 숫자 0, NaN, 음수, 공백이 있음.

<script>

let a = ""; //false 출력됨

if(a){
  console.log("true");
}else{
  console.log("false");
}


const getName = (person) => {
  if(person === undefined || person === null){
    return "객체가 아닙니다.";
  }
  return person.name;
};

let person = {name : "이태성"};
const name = getName(person);
console.log(name);



const getName = (person) => {
  if(!person){ //false Not => true
    return "객체가 아닙니다.";
  }
  return person.name;
};

let person;
const name = getName(person);
console.log(name);

</script>