07.テキスト文字列のリンク

07-1. テキスト文字列の関連付け

1章では、alertにメッセージを出力する方法について学習しました.覚えてる?

alert("안녕하세요!");

これまでalert関数に直接テキストを入力して、常に同じテキストを表示できましたが、次のように表示するテキストが常に変化する場合があります.
こんにちは!金開発.
こんにちは!李開発.
こんにちは!朴開発.
 
次のように、変数にテキストを配置してalertを解放することもできます.

let userName = "김개발";
alert(userName);

userName変数に異なる値を入力できる場合、次のように異なる文字列が表示されます.このレッスンでは、テキスト文字列の関連について説明します.

07-2. テキスト+テキストの組み合わせ

alert("안녕하세요! " + userName + "님");

のテキストを組み合わせることもできます.

+演算子の組合せ

テキストを使用します.

テキストと変数を組み合わせて使用することもできます.

次の結果は同じです.

console.log("안녕" + "하세요");
console.log("안녕" + "하" + "세요");
console.log("안녕" + "하세" + "" + "요");

let hi = "안녕";
console.log(hi + "하세요");

let ha = "하세요";
console.log(hi + ha);

下記のコードを直接入力して検証してください.

let message = "감사합니다., ";
let userName = "김개발";
let banger = "님!";
let customMess = message + userName + banger;
console.log(customMess);

07-3. テキスト+数値の組み合わせ

次に、テキストStringと数値Numberを組み合わせてみます.次の結果は何ですか?

console.log("2" + "2");

私たちから見れば、この2つは数字ですが、" "(二重引用符)で囲まれているため、コンピュータは数字として認識されません.したがって、2というテキスト(1)と、###というテキスト(2)という22文字列が出力される.数字として表すには、二重引用符が存在しない必要があります.

console.log(2 + 2); // 숫자 4

このコンピュータの各値はテキスト値か数値値かです.JavaScriptでテキストと数字を区別するのは" "(二重引用符).では、次の変数の中で数字とテキストを知っていますか.

const iAmString = "983";
const iAmNumber = 983;

const iAmStringToo = "0";
const iAmNumberToo = 0;

const iAmAlsoString = "-10";
const iAmAlsoNumber = -10;

" "(引用符)に数字を囲まないと、結果は何になりますか?

alert("2 더하기 2는 " + 2 + 2);

運転したことがありますか?これは私たちが望んでいる結果ではありません.プログラミングは左側から順番に実行されるため、次のような結果になります.

異なるタイプの

を試してみるときは、常に注意してください.

StringとNumber Stringを合わせると、常にStringに変換されます.

異なるプログラミング言語では、異なるタイプのStringおよびNumberを追加または減算することはできません.

しかしJavaScriptでエラーが発生しないのはもっと深刻です

一部の開発者はこのような方法が好きですが、JavaScriptの欠点の一つであるエラーが発生する可能性があります. 

Assignment

index.jsでtextConcation関数を変更して、次の文が返されるようにしてください。

"2 더하기 2는 4"

hint:後ろの2+2数学式を先に計算してください.

// Assignment - 다음 함수 안에 코드를 구현하세요
function textConcatenation() {
  // 다음 코드를 수정 하여서 
  // 아래의 문장이 올바른 값이 될 수 있도록 해주세요.
  let text = "2 더하기 2는 " +  (2 + 2);
  
  // 다음 코드는 수정하지 마세요!
  return text;
}