초보자를 위한 JavaScript 5가지 유형
5042 단어 JavaScript활용단어참조초학자
개시하다
이 글은 Gizumo 엔지니어 Advent Calendar 2015 16일째 되는 글이다.
이번에는 JavaScript의 5가지 유형으로 쓸 수 있도록 허락해 주십시오.
목적
제가 배운 내용은 참고 가치가 있기 때문에 자신을 더 깊이 이해하고 싶습니다. 앞으로 공부하는 사람에게 힌트를 줄 수 있다면 기쁠 것입니다.
일단...
JavaScript는 무엇입니까?
위키백과 참조
미안합니다. 여기 참고해주세요...
그럼 본론으로 들어가겠습니다.
5가지 유형에는 어떤 것들이 있나요?
바로
String형
number형
Aray형
Object형
• 펀션형
이거 다섯 개네 위에서 보자!!!
문자열
이 형식은 문자열을 입력하는 데 사용됩니다.str라고 쓰여 있어요.
예(//이하 설명)var str = "バイエルン"; //""で囲った部分を文字列と認識する
console.log(str); //console.log()は()の中の状態をコンソールで確認できる
이 상태에서 콘솔을 확인하면 문자열로 인식되는 바이에른뮌헨이str라는 내용을 확인할 수 있다.
조금var str = "バイエルン" + "ミュンヘン"; //+を使うことで文字列を結合できる。
console.log(str);
결국 바이에른 뮌헨과 연결됐다.
주의
• 문자는 "또는"로 잘 동여매어야 한다.
그나저나 바이에른 뮌헨은 해외 축구팀이 완전히 자기 취향대로 쓴 거니까 나랑 사귀어줘요.
Number형(숫자)
문자 다음은 숫자입니다.num으로.
예제var num = 10;
console.log (num);
콘솔로 이걸 보려다 10이 되네요.
다시 적용var num = 10,
num_1 = num + num;
console.log(num);
console.log(num_1);
이 경우 결과는 20이다.
넘, 저기 10번이니까 넘.1을num+num으로 하고 20을 값으로 되돌려줍니다.
이렇게 계산, 가(+), 그림(), 걸기(★), 제(/) 등을 할 수도 있다.
주의
・숫자로 사용할 때 문자열처럼'등'으로 표시하지 마세요!
둘러싸면 문자열이 되고 결과는 10+10(결합), 결과는 1010이 된다.
Aray형(정렬)
다음은 수조의 유형입니다.
배열된 쓰기 방법은 []에서 쉼표로 연결하여 쓰는 것이다.
설명이 서툴러서 바로 형식적인 소개부터!
예제var array = [0, 1, 2, 3];
console.log(array);
결과는 [0,1,2,3] ← 이런 식으로 돌아간다!
배열이라고 하는 []에 여러 값을 입력할 수 있습니다.그리고 이 값은 단독으로 호출할 수 있다.
이번에는 문자열로 적용!!var array = [”野球”, ”サッカー”, ”テニス”, ”バスケ”];
console.log(array[1]); //[1]をつけて個別に指定します
일단 결과는 축구였다.
이렇게 배열하면 []내의 세그먼트가 왼쪽에서 0, 1, 2, 3...,aray[1]이면 축구공이 되돌아온다.
Object형(객체)
점점 복잡해지기 시작했다.다음은 대상입니다.
Object = {key:val}은 기본 형태이며 {} 내에 객체에 대한 정보를 입력할 수 있습니다.
이번에는 제가 가장 좋아하는 바이에른 뮌헨 선수집을 예로 들겠습니다(웃음)var Bayern = {
"name": "マルティネス", //名前
"position": "MF", //ポジション
"uniformNumber": "8", //背番号
"nationality": "スペイン" //国籍
};
이렇게 하면 모든 선수가 자신의 정보를 가지게 할 수 있다.그런데 이렇게 되면 선수집이라고 할 수는 없잖아요.
하지만 여기에 배열을 적용하면 달라 보인다.var Bayern = [{
"name": "マルティネス",
"position": "MF",
"uniformNumber": "8",
"nationality": "スペイン"
},{
"name": "ロッベン",
"position": "FW",
"uniformNumber": "10",
"nationality": "オランダ"
},{
"name": "ラーム"
"position": "DF",
"uniformNumber": "21",
"nationality": "ドイツ"
}];
console.log(Bayern);
결과는 이렇다!!!
Bayern에서 세 명의 선수가 보존되었다.
이렇게 대상(선수)을 배열하면 선수집이 된다.(사실 더 많은 선수를 소개하고 싶은데 사랑하지 않아요.
)
또한 선수 데이터와 정보의 상세한 상황을 보고 싶을 때 다음과 같은 내용에 따라 설명해 주십시오console.log(Bayern[1]);
console.log(Bayern[1].position); // .で下の階層につないでいきます。
아주 잘 개별적으로 얻었다.
경로를 사용하여 데이터를 정렬하는 방법을 지정할 수 있습니다.
따라서 배열된 [1]개와 그 중의position의 데이터를 알 수 있다.
(이런 선수는 다들 모를 것 같은데, 내가 좋아하는 걸로 바꾸면 즐거울 것 같아. 웃음)
함수
마지막으로 함수 형식입니다.
우선 함수는... 간단하게 말하면 규정된 처리를 실행하고 결과를 되돌려 주는 일련의 명령을 가리킨다.
그럼 우선 간단한 알림 명령을 쓰세요. function Alert()//定義 {
alert("Hello"); //処理
};
Alert();//実行
이렇게 정의된 물건의 메커니즘을 실행하다.그리고 실행된 처리를 {}에 쓰면 처리 결과가 되돌아옵니다.
대화 상자에서 Hello 문자가 호출되어야 합니다.
이 밖에 함수는 매개 변수를 설정할 수 있으니 사용 방법을 미리 알아야 한다.
Alert 뒤에 있는 ()에 매개변수가 쓰여 있습니다.그럼 매개 변수의 간단한 계산을 예로 들어 봅시다.function Calculation(x, y){
answer = x + y ;
};
Calculation(10, 20);
console.log(answer);
이 경우 answer는 30입니다.
뭔가 기억에 남나요?여러 매개변수, x = 첫 번째 및 y = 두 번째 매개변수를 설정할 수 있습니다.
실행 측면의 값이 그렇게 매개 변수로 되돌아오기 때문에 answer=10+20으로 처리될 수 있음을 알 수 있습니다.위에도 산식이 있는 것처럼 뺄셈과 나눗셈도 잘 할 수 있다.
함수를 사용할 때 어떤 처리가 어느 순서에 따라 진행되는지 주의하세요.
이해도가 더 깊어질 것 같아서요.
설명을 잘 못하지만 지금까지 자바스크립트의 5가지 유형이었습니다.
겸사겸사 바이에른도 배웠어요(웃음)
총결산
우선 설명문과 같은 언어 표현이 부족해 전달하기 어렵지만, 자신이 하고 싶은 말을 조금이라도 알아두면 된다.
그리고 이번에는 제 머릿속의 언어를 글로 설명하는 어려움을 실감했고, 좀 더 깊이 이해할 필요가 있다고 생각하며 많은 것을 배웠다.
아직 부족한 점이 많으니 표현법과 작법 등 개선된 점이 있으면 알려주세요.
끝까지 지켜주셔서 감사합니다.
Reference
이 문제에 관하여(초보자를 위한 JavaScript 5가지 유형), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/86win/items/c874244e9a9ae4544842
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
바로
String형
number형
Aray형
Object형
• 펀션형
이거 다섯 개네 위에서 보자!!!
문자열
이 형식은 문자열을 입력하는 데 사용됩니다.str라고 쓰여 있어요.
예(//이하 설명)
var str = "バイエルン"; //""で囲った部分を文字列と認識する
console.log(str); //console.log()は()の中の状態をコンソールで確認できる
이 상태에서 콘솔을 확인하면 문자열로 인식되는 바이에른뮌헨이str라는 내용을 확인할 수 있다.조금
var str = "バイエルン" + "ミュンヘン"; //+を使うことで文字列を結合できる。
console.log(str);
결국 바이에른 뮌헨과 연결됐다.주의
• 문자는 "또는"로 잘 동여매어야 한다.
그나저나 바이에른 뮌헨은 해외 축구팀이 완전히 자기 취향대로 쓴 거니까 나랑 사귀어줘요.
Number형(숫자)
문자 다음은 숫자입니다.num으로.
예제
var num = 10;
console.log (num);
콘솔로 이걸 보려다 10이 되네요.다시 적용
var num = 10,
num_1 = num + num;
console.log(num);
console.log(num_1);
이 경우 결과는 20이다.넘, 저기 10번이니까 넘.1을num+num으로 하고 20을 값으로 되돌려줍니다.
이렇게 계산, 가(+), 그림(), 걸기(★), 제(/) 등을 할 수도 있다.
주의
・숫자로 사용할 때 문자열처럼'등'으로 표시하지 마세요!
둘러싸면 문자열이 되고 결과는 10+10(결합), 결과는 1010이 된다.
Aray형(정렬)
다음은 수조의 유형입니다.
배열된 쓰기 방법은 []에서 쉼표로 연결하여 쓰는 것이다.
설명이 서툴러서 바로 형식적인 소개부터!
예제
var array = [0, 1, 2, 3];
console.log(array);
결과는 [0,1,2,3] ← 이런 식으로 돌아간다!배열이라고 하는 []에 여러 값을 입력할 수 있습니다.그리고 이 값은 단독으로 호출할 수 있다.
이번에는 문자열로 적용!!
var array = [”野球”, ”サッカー”, ”テニス”, ”バスケ”];
console.log(array[1]); //[1]をつけて個別に指定します
일단 결과는 축구였다.이렇게 배열하면 []내의 세그먼트가 왼쪽에서 0, 1, 2, 3...,aray[1]이면 축구공이 되돌아온다.
Object형(객체)
점점 복잡해지기 시작했다.다음은 대상입니다.
Object = {key:val}은 기본 형태이며 {} 내에 객체에 대한 정보를 입력할 수 있습니다.
이번에는 제가 가장 좋아하는 바이에른 뮌헨 선수집을 예로 들겠습니다(웃음)
var Bayern = {
"name": "マルティネス", //名前
"position": "MF", //ポジション
"uniformNumber": "8", //背番号
"nationality": "スペイン" //国籍
};
이렇게 하면 모든 선수가 자신의 정보를 가지게 할 수 있다.그런데 이렇게 되면 선수집이라고 할 수는 없잖아요.하지만 여기에 배열을 적용하면 달라 보인다.
var Bayern = [{
"name": "マルティネス",
"position": "MF",
"uniformNumber": "8",
"nationality": "スペイン"
},{
"name": "ロッベン",
"position": "FW",
"uniformNumber": "10",
"nationality": "オランダ"
},{
"name": "ラーム"
"position": "DF",
"uniformNumber": "21",
"nationality": "ドイツ"
}];
console.log(Bayern);
결과는 이렇다!!!Bayern에서 세 명의 선수가 보존되었다.
이렇게 대상(선수)을 배열하면 선수집이 된다.(사실 더 많은 선수를 소개하고 싶은데 사랑하지 않아요.
)
또한 선수 데이터와 정보의 상세한 상황을 보고 싶을 때 다음과 같은 내용에 따라 설명해 주십시오
console.log(Bayern[1]);
console.log(Bayern[1].position); // .で下の階層につないでいきます。
아주 잘 개별적으로 얻었다.
경로를 사용하여 데이터를 정렬하는 방법을 지정할 수 있습니다.
따라서 배열된 [1]개와 그 중의position의 데이터를 알 수 있다.
(이런 선수는 다들 모를 것 같은데, 내가 좋아하는 걸로 바꾸면 즐거울 것 같아. 웃음)
함수
마지막으로 함수 형식입니다.
우선 함수는... 간단하게 말하면 규정된 처리를 실행하고 결과를 되돌려 주는 일련의 명령을 가리킨다.
그럼 우선 간단한 알림 명령을 쓰세요.
function Alert()//定義 {
alert("Hello"); //処理
};
Alert();//実行
이렇게 정의된 물건의 메커니즘을 실행하다.그리고 실행된 처리를 {}에 쓰면 처리 결과가 되돌아옵니다.대화 상자에서 Hello 문자가 호출되어야 합니다.
이 밖에 함수는 매개 변수를 설정할 수 있으니 사용 방법을 미리 알아야 한다.
Alert 뒤에 있는 ()에 매개변수가 쓰여 있습니다.그럼 매개 변수의 간단한 계산을 예로 들어 봅시다.
function Calculation(x, y){
answer = x + y ;
};
Calculation(10, 20);
console.log(answer);
이 경우 answer는 30입니다.뭔가 기억에 남나요?여러 매개변수, x = 첫 번째 및 y = 두 번째 매개변수를 설정할 수 있습니다.
실행 측면의 값이 그렇게 매개 변수로 되돌아오기 때문에 answer=10+20으로 처리될 수 있음을 알 수 있습니다.위에도 산식이 있는 것처럼 뺄셈과 나눗셈도 잘 할 수 있다.
함수를 사용할 때 어떤 처리가 어느 순서에 따라 진행되는지 주의하세요.
이해도가 더 깊어질 것 같아서요.
설명을 잘 못하지만 지금까지 자바스크립트의 5가지 유형이었습니다.
겸사겸사 바이에른도 배웠어요(웃음)
총결산
우선 설명문과 같은 언어 표현이 부족해 전달하기 어렵지만, 자신이 하고 싶은 말을 조금이라도 알아두면 된다.
그리고 이번에는 제 머릿속의 언어를 글로 설명하는 어려움을 실감했고, 좀 더 깊이 이해할 필요가 있다고 생각하며 많은 것을 배웠다.
아직 부족한 점이 많으니 표현법과 작법 등 개선된 점이 있으면 알려주세요.
끝까지 지켜주셔서 감사합니다.
Reference
이 문제에 관하여(초보자를 위한 JavaScript 5가지 유형), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/86win/items/c874244e9a9ae4544842
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(초보자를 위한 JavaScript 5가지 유형), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/86win/items/c874244e9a9ae4544842텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)