JS에서 함수, 객체 및 배열.

발행: (2025년 12월 25일 오후 04:00 GMT+9)
2 min read
원문: Dev.to

Source: Dev.to

함수

함수는 특정 작업을 수행하고 재사용할 수 있는 코드 블록입니다. JavaScript에서 함수를 정의하는 방법은 세 가지가 있습니다:

  1. 함수 선언
  2. 함수 표현식
  3. 화살표 함수 (ES6) – 짧은 문법으로, 현대 JS에서 흔히 사용됩니다.

예시

// Function Declaration
function greet(name) {
  return "Hello " + name;
}

console.log(greet("Ajmal"));
// Function Expression
const add = function (a, b) {
  return a + b;
};

console.log(add(5, 3));
// Arrow Function
const multiply = (a, b) => a * b;

console.log(multiply(4, 2));

객체

객체는 키‑값 쌍으로 데이터를 저장하고 상태와 동작을 결합합니다.

const person = {
  firstName: "John", // Property
  lastName: "Doe",   // Property
  age: 50,           // Property
  fullName: function() { // Method
    return this.firstName + " " + this.lastName;
  }
};

console.log(person.fullName()); // "John Doe"

배열

JavaScript의 배열은 하나의 변수에 여러 값을 저장하는 데 사용됩니다.

배열 생성

let fruits = ["Apple", "Banana", "Orange"];

요소 접근

console.log(fruits[0]); // Apple
console.log(fruits[2]); // Orange

길이

console.log(fruits.length); // 3

요소 수정

fruits[1] = "Mango";
console.log(fruits); // ["Apple", "Mango", "Orange"]

일반적인 배열 메서드

  • push() – 끝에 추가

    fruits.push("Grapes");
  • pop() – 끝에서 제거

    fruits.pop();
  • unshift() – 시작에 추가

    fruits.unshift("Pineapple");
  • shift() – 시작에서 제거

    fruits.shift();
Back to Blog

관련 글

더 보기 »

함수와 화살표 함수

함수란 무엇인가요? 간단히 말하면, 함수는 JavaScript의 주요 구성 요소 중 하나입니다. 함수는 코드를 작은…

JavaScript 함수의 핵심 전제

이것이 JavaScript의 함수인가요? javascript function fiveSquared { return 5 5; } 기술적으로는 맞습니다. 하지만 fiveSquared는 실제 세계에서 사용되는 함수가 갖는 재사용성을 결여하고 있습니다…