1-4
let a = 20
let b = 7
console.log(a % b) >> % 의미: 20/7 했을때 나머지가 뭐냐
console.log(a/b) >> 몫 이 뭐냐.
6 >> 나머지
VM1496:4 2.857142857142857 >> 몫
undefined
let myname = 'ryugiho' >>> 소문자를 대문자로 변환. 구글로 검색한다.
console.log(myname.toUpperCase()) >>> 함수가 소문자 중간에 대문자들어감.(..U... C..)
RYUGIHO >>> 대문자 나옴
ex)
let email = 'ryugiho@mail.com'
console.log(email.split('@')) >>> '@'기준
(2) ['ryugiho', 'mail.com']
undefined
let email = 'ryugiho@mail.com'
console.log(email.split('@')[1]) >>> 1번째꺼 꺼냄
mail.com
undefined
let email = 'ryugiho@mail.com'
console.log(email.split('@')[1].split('.')) >>> '.' 기준
(2) ['mail', 'com']
undefined
let email = 'ryugiho@mail.com'
console.log(email.split('@')[1].split('.')[1]) >>> 1번째꺼 꺼냄
com
let txt = '서울시-마포구-망원동'
let txts = txt.split('-') >>> '-' 기준
console.log(txts)
(3) ['서울시', '마포구', '망원동']
undefined
let txt = '서울시-마포구-망원동'
let txts = txt.split('-')
console.log(txts.join('>')) >>> 합치기
3 서울시>마포구>망원동
undefined
concat :의미는 주어진배열을 합쳐서 새로운 배열변환
function minus(num1,num2){
return num1 - num2
}
let result = minus(100,10)
console.log(result)
90
undefined
let a = function(){ >>> a변수로 정의 하였는데 함수로 정의 할수도 있다.
console.log('리터럴 함수방식')
}
a()
리터럴 함수방식 >>> 결과값
function is_adult(age){
if(age > 20){
console.log('성인이에요')
} else {
console.log('청소년이에요')
}
}
is_adult(25)
VM2377:3 성인이에요 >> 결과값
- 앱개발에 자주쓰이는 javascript
let a = function(){
console.log("함수")
}
a();
위내용은 아래와 같은의미
let a = () => {
console.log("함수")
}
a();
function이 빠지는 의미로 '=>' 넣는다. 개발자가 축약을 많이쓴다
/////////////////////////////////////////////////////////////
//객체
let blog = {
owner : "noah", >> 앞에 있으면 키고,뒤에 있으면 딕션너리다. ':' 구분
url : "noahlogs.tistory.com",
getPost() {
console.log("ES6 문법 정리");
}
};
V
아래 두문장은 같은의미다.
let owner = blog.owner
let owner = blog["owner"]
V
//기존 할당 방식
let owner = blog.owner
let getPost = blog.getPost() >> 딕션너리가 100개 200개 되면 일일히 선언하기 어렵다
하여 비구조 할당방식을 적용한다.
V
//비구조 할당 방식
let { owner, getPost } = blog;
ex) { owner, getPost } >> 딕션너리
blog >>> 딕션너리 객체 이름
//각각 blog 객체의 owner , getPost() 의 데이터가 할당
//blog의 키 값과 이름이 같아야 해요! >>> 중요함
//(예 - owner가 아니라 owner2를 넣어보세요! 아무것도 안 들어온답니다.)
let {owner,getpost} = blog; 이렇게 써야함
console.log(owner)
noah >> 결과값
let {owner2,getpost2} = blog; 이렇게 쓰면 아무값도 안가져온다.
console.log(owner2)
>> 결과값 아무값도 안가져온다.
앞으로 리액트 네이티브 앱을 만들며 가장 많이 사용할 방식
//함수에서 비구조 할당 방식으로 전달된 딕셔너리 값 꺼내기
1)코드
let blogFunction = ({owner,url,getPost}) => { >>> 2) 구조와 같이만 2)은 3줄이지만 1)코드는 1줄로 정의 할수있다. 상대적으로 코드가 짧아졌다.
console.log(owner)
console.log(url)
console.log(getPost())
}
blogFunction(blog)
2)코드
let blogFunction = (blogDic) => {
let owner = blogDic.owner
}
.리터럴 : 줄바꿈 자유롭게 활용하는법 >>> 중요..자주 사용함
const id = "myId" ;
const url = http://noahlog.tistory.com/login/${id}
const message = "줄바꿈을 하려면 \n 이 기호를 써야 했죠!"
const message = 줄바꿈도 마음대로 사용이 가능합니다.
백틱(`) 사용예시
let name ="류기호"
let str = "제 이름은"+ name
console.log(str)
제 이름은류기호
undefined
let str2 =제 이름은 ${name};
console.log(str2)
제 이름은 류기호
var name = "스파르타";
var job = "developer";
var user = {
name: name,
job: job
}
console.log(user);
{name: '스파르타', job: 'developer'} >>> 결과값
var name = "스파르타";
var job = "developer";
var user = {
name,
job
}
console.log(user);
{name: '스파르타', job: 'developer'} >>> 결과값
////////////////////////////////////////////////////
let num_list = [1,2,3,4,5,6,7];
num_list.map() >>> map()안에는 함수가 숨어져있다. map(()==>{})
눈에 잘 안익으면 map(function(){
})다시말해서 num_list.map(function(){ >>>이렇게 생각하면 된다.
})
let num_list = [1,2,3,4,5,6,7];
num_list.map(function(value,i){
console.log(value,i)
})
VM51:3 1 0
VM51:3 2 1
VM51:3 3 2
VM51:3 4 3
VM51:3 5 4
VM51:3 6 5
VM51:3 7 6
(7) [undefined, undefined, undefined, undefined, undefined, undefined, undefined]
자바스크립트 파일의 모듈화 - module system
export는 자바스크립트 파일 자체를 외부로 보내는 키보워드
import는 자바스크립트 파일 안으로 가져오는 키워드
