[TIL]231012_삼항연산자, 배열 메소드 등

• javascript 문법 종합반
• 1주차 : 자바스크립트 기본 문법

자바스크립트 강의가 시작되었다.

비전공자 + 1회독 시기이기 때문에 중요하다고 생각되는 내용과 어려웠던 내용에 대해 기록해보고자 한다.

기본문법

변수와 상수

JS 변수 선언 방법에는 var, let, const 세 가지 방법이 있다.

var는 같은 이름의 변수를 여러번 선언하는 것이 가능함
마지막에 선언한 값으로 덮어 씌워짐

let은 같은 이름의 변수 한 번 그 이상 선언하면 오류발생
재할당은 가능함

const는 한 번 이상 선언불가, 재할당도 불가능

삼항 연산자(ternary operator)

(?:)

let x = 20;
let result = (x > 5) ? "크다" : "작다";
console.log(result);
//크다

배열, 객체 기초

배열 메소드

splice() 메소드

let fruits = ["사과", "바나나", "오렌지"];

fruits.splice(1, 1, "포도");

console.log(fruits); 
//["사과", "포도", "오렌지"]

👉 배열의 두 번째 요소를 한 개 삭제하고 그 자리에 "포도"를 추가

forEach() 메소드

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number);
});

👉 배열 numbers의 모든 요소를 출력
forEach() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행

map() 메소드

let numbers = [1, 2, 3, 4, 5];

let squaredNumbers = numbers.map(function(number) {
  return number * number;
});

console.log(squaredNumbers);   
// [1, 4, 9, 16, 25]

👉 numbers의 모든 요소를 제곱한 새로운 배열을 만듦
map() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 새로운 배열로 반환함

sort() 메소드

let numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5];

numbers.sort(function(a, b) {
  return a - b;
});

console.log(numbers); 
// [1, 1, 2, 3, 3, 4, 5, 5, 5, 6, 9]

👉 numbers를 오름차순으로 정렬
sort() 메소드는 배열의 요소를 정렬함

이 외에도 여러 다양한 배열메소드가 존재하지만 우선 가장 헷갈렸던 것 먼저 적어보았다.
다른것들도 차근차근 이해하면서 학습해봐야겠다ㅠ

화이팅...