COCO World

1. 배열이 제공하는 다양한 메서드 [1] 요소 추가,제거 메서드 arr.push() : 맨 끝에 요소 추가 arr.pop() : 맨 끝 요소 제거 arr.shift() : 맨 앞 요소 제거 arr.unshift() : 맨 앞에 요소 추가 [2] splice splice는 요소 추가,삭제,교체 모두 가능 arr.splice(index[, delteCount, elem1, ..., elemN]) // splice let arr = ["I", "study", "JavaScript"] arr.splice(1, 1);// 인덱스 1부터 요소 한개 제거 alert( arr );// ["I", "JavaScript"] ================================================ let a..

1. 배열 :키를 사용해 식별할 수 있는 값을 담은 collection은 객체라는 자료구조를 이용해 저장하는데, 개발을 진행하다 보면 순서와 관련하여 작업을 필요한 경우 자료구조 중 "배열"을 사용하면 유용하다 [1] 배열 선언 // 빈 배열 let arr = new Array(); let arr = []; // 초기 요소 선언 let fruits = ["체리", "사과", "앵두"]; alert( fruits[0] );// 체리 alert( fruits[1] );// 사과 alert( fruits[2] );// 앵두 // 요소 수정 fruits[2] = '배'; alert( fruits[2] );// 배 [2] 배열 요소의 자료형엔 제약이 없다 // 요소에 여러가지 자료형이 섞여있음 let arr = ..

1. JS함수와 객체 [1] 자바스크립트의 함수란? : 작업을 수행하거나 값을 계산하는 명령문의 집합인 procedure와 비슷하지만, 프로시저가 함수로 쓰이려면 입력을 반드시 받아야 하고, 입력과 명확한 관계가 있는 출력을 반환해야 합니다. 함수를 사용하기 위해선 함수를 호출할 스코프 내에서 함수를 정의해야 한다. [2] 함수를 생성하는 방법에는 함수 생성자, 함수 표현식, 함수 선언식 등이 존재한다. [3] 자바스크립트의 객체란? : 자바스크립트는 객체(object) 기반의 스크립트 언어이며, 자바스크립트를 이루고 있는 거의 "모든 것"이 객체이다. 객체는 키(key)와 값(value)로 구성된 프로퍼티(property)들의 집합이라 한다. [4] 함수와 객체의 관계 : 프로퍼티의 값으로 자바스크립트..

1. 따옴표 [1] 작은 따옴표, 큰 따옴표, 백틱 let guestList = `손님: * jenny * ming * mary `; alert(guestList);// 여러줄로 손님리스트 출력 ============================================= let guestList = "손님: * John "; alert(guestList);// Error [2] 특수 기호 \n : 줄 바꿈 \r : 캐리지 리턴 \', \" : 따옴표 출력 \\ : 역슬래시 출력 \t : Tab 역할 [3] 문자열의 길이 1. 특수문자도 길이 하나로 취급된다 2. 문자열은 수정 불가능 length : 문자열의 길이가 저장됨 charAt(pos) : 문자열 내 특정 위치인 pos에 글자에 접근하기 위한..

[1] 숫자를 입력하는 다양한 방법 let billion = 1000000000; // 'e'는 e 왼쪽의 수에 e 오른쪽에 있는 수만큼의 10의 거듭제곱을 곱하는 효과 // 1e3 = 1 * 1000 let billion = 1e9;// 1000000000; // 'e'우측에 음수가 있으면, 이 음수의 절댓값 만큼 10을 거듭제곱한 수로 나누는 것을 의미 let ms = 0.000001; let ms = 1e-6; 1e-3 = 1 / 1000 (=0.001) 1.23e-6 = 1.23 / 1000000 (=0.00000123) [2] 어림수 구하기 Math.floor : 소수점 첫째 자리에서 내림 ex) 3.1은 3, -1.1은 -2 Math.ceil : 소수점 첫째 자리에서 올림 ex) 3.1은 4,..

1. 원시값과 메서드 : 자바스크립트는 원시값(문자열,숫자 등)을 마치 객체처럼 다룰 수 있게 해준다. 원시값에도 객체에서처럼 메서드를 호출할 수 있다. ** 원시값 : 원시형 값 종류로는 문자(string), 숫자(number), bigint, 불린(boolean), 심볼(symbol), null, undefined 형으로 총 7가지 ** 객체 : 프로퍼티에 다양한 종류의 값을 저장할 수 있다 {name : "Ann", age: 30} 과 같이 대괄호 {}를 사용해 만들 수 있다. 함수도 객체의 일종. [1] 원시값을 객체처럼 사용 let str = "Hello"; alert( str.toUpperCase() );// HELLO

1. 생성자 함수 : 'new'연산자와 생성자 함수를 사용하면 유사한 객체 여러 개를 쉽게 만들 수 있따 생성자 함수(constructor function)와 일반 함수에 기술적 차이는 없지만 아래 두 관례를 따른다 1. 함수 이름의 첫 글짜는 대문자로 시작한다. 2. 반드시 'new' 연산자를 붙여 실행한다. [1] 생성자 함수 function user(name) { this.name = name; this.isAdmin = false; } let user = new User("보라"); alert(user.name);// 보라 alert(user.isAdmin);// false [2] new.target과 생성자 함수 function User() { alert(new.target); } // 'new..

1. 메서드 : 자바스크립트 내에 선언한 객체 내에서 프로퍼티로 값이 아닌 함수로 정의된 것을 메서드라고 부른다 [1] 메서드 만들기 let user = { name: "Diana", age: 30 }; user.sayHi = function() { alert("안녕!"); }; user.sayHi();// 안녕! [2] 객체에 함수를 메서드로 할당하는 방법 let user = { // ... }; // 함수 선언 function sayHi() { alert("안녕!"); }; // 선언된 함수를 메서드로 등록 user.sayHi = sayHi; user.sayHi();// 안녕! [3] 메서드 단축 구문 //아래 두 객체는 동일하게 동작 user = { sayHi: function() { alert("..