목록JavaScript/JavaScript (8)
Yeonee's Story
JavaScript 자바스크립트 - 객체 생성(객체 선언 및 호출, 반복문, 특이케이스, 메소드, in과 with, 속성 추가 및 제거)
안녕하세요 https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 객체1 객체 * 객체 선언 및 호출 객체는 중괄호 {} 를 사용해서 생성하고, 중괄호 안에 이 객체에 필요로 하는 속성들을 정의함 속성:속성값의 형태로 정의함(키:밸류) 속성값으로는 모든 자료형을 다 담을수 있음 const/let/var 변수명 = { 속성명 : 속성값, 속성명 : 속성값, 속성명 : 속성값, 속성명 : 속성값, ... }; 실행확인 function getById(id){ return document.querySelector("#"+id); } function test1(){ const product = { pName : "Dry Mango", price : 4000, "kin..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 함수 함수 (funtion) function getById(id){ return document.getElementById(id); } * 선언적 함수 function 함수명(매개변수 , ...){ 해당 함수 호출시 실행할 소스코드; return 결과값; } - 매개변수가 없는 경우 생략 가능함 - 반환할 값이 없는 경우 생략가능함 실행확인 function test1(){ const area1 = getById("area1"); area1.innnerHTML += "test1()함수 실행 "; } * 익명 함수 function(매개변수, 매개변수, ...){ 소스코드 } 특정 변수나 속성에 ..
안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 배열 배열 자바스크립트에서는 변수 선언 시 별도의 자료형 지정이 없기때문에 어떤 자료형의 값들이던 다 하나의 배열공간에 담을수 있음(자바의 컬렉션과유사) 확인하기 function arrayTest1(){ const arr = ["r김소연",'서울' ,16 , true ,[1,2,3]]; // 배열객체 console.log(arr); console.log(arr[2]); console.log(arr[4][0]); // [1,2,3] const area1 = document.getElementById("area1"); // 배열의 0번인덱스에서 마지막인덱스까지 순차적으로 모두 접근할 목적이라면 // 향상된 반복문 사용하기 (for o..
안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 문자열과 숫자 문자열과 숫자 * 문자열 관련 메소드 문자열 처리 메소드 function showStringMethod(){ let str1 = "Hello World"; const area1 = document.getElementById("area1"); area1.innerHTML = "str1 : "+str1+" "; area1.innerHTML += `toUpperCase() : ${str1.toUpperCase()} `; area1.innerHTML += `toLowerCase() : ${str1.toLowerCase()} `; area1.innerHTML += `문자열의 길이 : ${str1.length} `; for(l..