Javascript (2)
23559 ワード
🚀Operator(演算子)
:Javascriptでの演算に使用するタグコード
🎈算術演算子
<script>
//사칙연산, 나머지 연산
let num1 = 100;
let num2 = 5;
let resultAdd = num1 + num2;
let resultSubs = num1 - num2;
let resultMulti = num1 * num2;
let resultDiv = num1 / num2;
let resultMod = num1 % num2;
console.log(2 ** 3); //8 (제곱)
</script>
🎈代入演算子
<script>
// 대입연산자 : (=)도 대입연산자다!
num1 = num1 + num2; //105
num1 = num1 + num2; //110
num1 += num2; //115
num1 -= num2; //110
num1 -= num2; //105
num1 *= num2; //525
num1 = num1 * num2; //2625
num1 /= num2; //525
num1 **= num2;
</script>
🎈増減演算子
<script>
num1 = 100;
num1++; //호출한 후에 더하겠다는 소리 지금은 100임
console.log(num1); //101
num1--; //호출한 후에 빼겠다는 소리 지금은 101임
console.log(num1); //100
++num1; //이미 연산은 됐음 호출 전에 이미 되어있음
console.log(num1); //101
--num1; //100
console.log(num1);//100
</script>
🎈比較演算子
<script>
//연산 결과는 무적권 boolean type
console.log(num1 > num2); // true
num1 = 100;
num2 = 100;
let num3 = "100";
//(같냐?라고 묻는거임)
console.log(num1 === num2); //true: 값과 type을 동시에 비교
console.log(num1 == num3); // true: 값만 비교
console.log(num1 === num3); // false : 숫자와 문자의 타입을 비교하게 됨
// 다른 값? 다른 값 및 타입? (다르냐?고 묻는거임)
console.log(num1 !== num2); //false: 값과 type을 동시에 비교
console.log(num1 != num3); // false: 값만 비교
console.log(num1 !== num3); // true : 숫자와 문자의 타입을 비교하게 됨
</script>
🎈論理演算子
<script>
// && (and 연산자), || (or 연산자) > true 나 false 리턴
// && 연산자는 양쪽이 모두 true 일 때만 true를 리턴
console.log(true && true); //true
console.log(true && false); //false > 왼쪽이 true이면 오른쪽 값을 리턴
console.log(false && true); //false > 왼쪽이 false이면 왼쪽 값을 리턴
console.log(false && false); //false > 왼쪽이 false이면 왼쪽 값을 리턴
//ex
console.log(num1 == num2 && num1 === num3 && num2 === num3); //false
// || 연산자는 양쪽 중 한개라도 true 이면 모두 true를 리턴
console.log(true || true); //true
console.log(true || false); //true > 왼쪽이 true이면 왼쪽 값을 리턴
console.log(false || true); //true > 왼쪽이 false이면 오른쪽 값을 리턴
console.log(false || false); //false > 왼쪽이 false이면 오른쪽 값을 리턴
//ex
console.log(num1 == num2 || num1 === num3 || num2 === num3); //true
// ! 연산자 : not 연산자(부정 연산자) > 결과값을 반대로 리턴
console.log(!true); //false
console.log(!false); //true
console.log(!!!false); //true;
//ex
console.log(!(num1 == num2 || !(num1 === num3))); //false (원래 true)
</script>
🚀Template
<script>
let myName = "Min";
let myAge = "25";
let myInfo = `myName: ${myName}, myAge: ${myAge}`;
//일케 백틱으로 감싸서 한번에 표현~ 이게 template
console.log("myName:", myName, ", myAge:", myAge);
console.log("myName: " + myName + ", myAge: " + myAge);
console.log(myInfo);
printInfo(myName, myAge);
let result = getInfo(myName, myAge);
console.log(result);
</script>
🚀Undefined
:定義されていないすべての値!関数が返されなかったのもundefined!
確定値がないため、算術演算ができません.
未定義および算術演算の結果はいずれも未定義である(nullも同様)
nullとundefinedの比較演算はtrueを返します(値のみを比較した場合).
🚀Object
:オブジェクトは、オブジェクト名、Property(プロパティ)、およびProperty値(property-value)で構成されます.
オブジェクト名は、オブジェクトの存在を区別するための名前です.
Propertyは、そのオブジェクトを構成するフィーチャーの一意の名前です.
Property値は、一意の名前を記述する値です.
オブジェクト内のpropertyで匿名関数を定義して使用する場合、この関数をメソッドと呼びます.
このメソッドの名前はPropertyの名前として使用されます.
オブジェクトを呼び出します。
<script>
const me ={
name:'min',
age: 25,
avail:{title:'Javascript'
ver:'ES6+'}
}
console.log(me.name, me.age); //min,25
console.log(me.avail.title); //Javascript
//이렇게 점을 찍어서 표현 혹은 []안에 넣어서 표현
console.log(me['name']);
console.log(me.avail['title']);
//내용 변경 가능
me.name = 'Lucky';
console.log(me.name); // Lucky
</script>
🚀String文字列
:文字には位置値(アドレス値、インデックス)があり、長さを判別できます.文字列は各文字を判別できます.文字は基本的に参照型なので、オブジェクト方式でアクセスできます.文字の使い方を理解することが大切!デフォルトでは、Webのほとんどのコンポーネントは文字列です!
文字列を解放する機能(escape)スラッシュ!
スラッシュ後(b,f,n,r,t,v):文字を特殊な機能を実現するコードに符号化する.
n(下線)とt(タブキー効果:一定間隔周期)の程度を知ればよい.
Reference
この問題について(Javascript (2)), 我々は、より多くの情報をここで見つけました https://velog.io/@devimpalla/Javascript-2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol