본문 바로가기

개발관련/javascript8

[강좌]자바스크립트 배열(생성, 접근, 길이확인, 추가 및 삭제) 배열은 순서가 있는 리스트로 생각하면 됩니다. 자바스크립트 배열 생성, 접근, 개열 요소 수 확인, 배열 요소 추가 및 삭제 그리고 for... of를 이용한 배열 요소의 접근 방법을 알아보겠습니다. 배열 생성 '[', ']'를 이용해 배열 생성을 할 수 있으며 fruit라는 변수에 apple, orange, grape라는 요소 세 개를 순서대로 가지고 있는 것을 배열이라고 한다. 또 다른 예로는 한 학급에 10명이 학생을 하나의 변수로 관리하는 리스트와 같은 것이라고 생각하면 된다. 1 let fruit = ['apple', 'orange', 'grape']; cs 배열 접근 1 2 3 let fruit = ['apple', 'orange', 'grape']; fruit[0] = 'banana'; co.. 2021. 3. 25.
[강좌]자바스크립트 객체안에서 함수 프로퍼티 사용방법 및 this 자바스크립트 객체 안에서 함수 프로퍼티 사용방법 및 this에 관해 설명하겠습니다. 객체 내의 함수생성방법이 아닌 일반 함수관련 사항은 아래 URL을 참조하세요. blueoceannshark.tistory.com/entry/%EA%B0%95%EC%A2%8C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%95%A8%EC%88%98%EB%8B%A4%EC%96%91%ED%95%9C-%ED%95%A8%EC%88%98%ED%91%9C%ED%98%84-%EC%A0%95%EB%A6%AC 객체내의 함수 프로퍼티 생성 방법 1 2 3 4 5 6 7 const superman = { name : 'kang', age :30, fly : function(){ cons.. 2021. 3. 25.
[강좌]자바스크립트 객체 생성/접근/추가/삭제/존재 여부 확인 자바스크립트 객체란? 자바스크립트 객체는 키와 값으로 구성되어 있고 이것들을 프로퍼티라 하며 프로퍼티의 집합을 객체라고 한다. 객체(Object) 생성 객체는 아래와 같이 만들 수 있다. 1 2 3 4 const hong = { name : 'hong', age : 30, // 마지막 ,(쉼표)는 있어도 되고 없어도 됨 } cs 여기서 name은 키(key)이고 'hong'은 값(value)이다. 그리고 name : 'hong', age : 30 즉 키와 값의 집합을 프로퍼티라고 한다. 객체(Object) 접근 방법 hong.name 또는 hong ['name']처럼 접근할 수 있다. 아래 예1과 같이 hong의 name이나 age에 접근해 출력해 볼 수 있으며 예1) 1 2 3 4 console.log.. 2021. 3. 19.
[강좌]자바스크립트 함수 설명 및 정리 자바스크립트는 다양한 형태의 함수가 있어 헷갈리는 부분이 있습니다. 함수 선언문, 함수표현식, 화살표 함수, 리턴문이 한 줄일 때 함수 표현방법, 매개변수가 있는지 없는지 있다면 몇 개 인지에 따라 함수 표현방법을 다르게 사용할 수 있습니다. 이런 다양한 함수형태를 정리해보려고 합니다. 1. 기본 함수 기본 함수는 아래와 같습니다. 1 2 3 4 function sayHello(name){ console.log(`Hello ${name}`); return true; } cs function : 함수라는 것을 지칭 sayHello : 함수 이름 name : 매개변수(매개 변수는 여러 개 일 수 있음) return : 반환하고자 하는 값을 우측에 코딩 참고 1) return이 없다고 하더라도 undefine.. 2021. 3. 17.

티스토리툴바