자바스크립트(javascript)/개념8 class - 자바스크립트 class 📝정리 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스클래스객체지향 프로그래밍에서 특정 객체(인스턴스)를 생성하기 위한 변수와 메소드를 정의하는 일종의 틀을 의미한다. 쉽게 이름과 그룹 이름을 가진 아이브 객체를 생성해 보기로 하자. (많으니까 3명만..)let yuJin = { name: '안유진', group: '아이브',};let wonYoung = { name: '장원영', group: '아이브',};let ray = { name: '레이', group: '아이브',};위의 코드처럼 객체를 생성하면 name과 group이라는 속성이 겹친다. 즉, 코드가 중복되면서 가독성이 떨어질뿐더러 효율성이 떨어진다. 이런 중복을 없애기 위해 cl.. 2023. 8. 24. object(객체) - 자바스크립트 객체 📝정리 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스object(객체){ }를 이용하여 선언하며 key: value의 쌍으로 이루어져 있다.객체에는 키값뿐만 아니라 함수도 선언할 수 있는데, 이때 객체 안에 정의된 함수를 메서드(method)라고 부른다.// 객체 선언let 객체이름 = { key: value; key: value; key: value; 함수 이름: function () { return 반환할 값; }}; 객체 안의 key에 해당하는 value를 알고싶다면 두가지 형태로 호출할 수 있다.console.log(객체 이름.name);console.log(객체 이름['name']); 변수를 key나 value에 넣는 것도.. 2023. 8. 24. array 함수 종류 - 자바스크립트 배열 함수 📝정리 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스자바스크립트에서는 array에서 사용할 수 있는 기본적인 함수가 있다. array 함수는 크게 두가지로 나뉜다.기존의 array를 변경하는 함수기존의 array를 변경하지 않는 함수 1. array를 변경하는 함수pop(): 배열의 마지막 값을 제거한다. 제거한 마지막 값을 반환한다.push(): 배열의 마지막에 값을 추가한다. 값을 추가한 배열의 길이를 반환한다.shift(): 배열의 첫번째 값을 제거한다. 제거한 값을 반환한다.unshift(): 배열의 첫번째에 값을 추가한다. 값을 추가한 배열의 길이를 반환한다.sort(): 오름차순으로 정렬하는 함수로 반환값이 존재하지 않는다.sort 함수의 경우, 파라미터에 함.. 2023. 8. 24. function의 정의와 종류 - 자바스크립트 함수 📝정리 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스1. 함수의 정의함수는 2가지 방법으로 정의할 수 있다. function 키워드를 바로 사용하여 함수를 정의변수에 함수를 담아서 정의function 함수명(파라미터) { // 실행할 코드;}sum(인자);const 함수명 = function (파라미터) { // 실행할 코드;};sum2(인자);// 예시function sum(a) { console.log(a + 2);}sum(2); // 4출력const sum2 = function (a) { console.log(a + 2);};sum2(2); // 4출력 2. parameter와 argumentsparameter: 함수에서 입력받는 값에 대한 정의argume.. 2023. 8. 24. 이전 1 2 다음
