JavaScript作為一種腳本語言，已經成為Web前端開發的重要工具之一，因為它既能夠控制HTML和CSS等前端頁面的動態交互，又能夠處理來自服務器的數據，實現動態頁面，這種多功能性是眾所周知的。而在JavaScript中，int和str作為兩種不同的數據類型，它們所代表的含義與表現形式也不盡相同。

首先，我們先來認識一下JavaScript中的int，int指的是整數，是一種簡單的數據類型，表示所有整數數字，包括正整數、負整數和零。在JavaScript中，我們可以通過以下方式來定義一個整數變量：

var x = 10;
document.write(typeof x);

通過上述代碼可以看出，var x = 10;這行代碼就是定義了一個整數類型的變量x，而typeof x這行代碼則是輸出該變量的數據類型，從結果可以看出，打印出的是"number"，因為JavaScript中，整數類型的數據就是number類型的一個子類型。

在實際編程中，我們可以對整數變量進行運算，例如加減乘除等，下面是幾個例子：

var x = 5;
var y = 10;
var z = x + y;
document.write("x + y = " + z + "
");
var m = y - x;
document.write("y - x = " + m + "
");
var n = x * y;
document.write("x * y = " + n + "
");
var l = y / x;
document.write("y / x = " + l + "
");

上面給出的是四則運算，需要注意的是，在進行除法運算時，需要進行判斷，因為存在除數為0的情況。如果在JavaScript中進行除法運算時，被除數為任何數，除數為0都會返回Infinity，也就是無窮大，示例代碼如下：

var a = 10;
var b = 0;
var c = a / b;
document.write(c);

output: Infinity

除此之外，在JavaScript中，我們還可以通過parseInt()函數將字符串轉化為整數，而parseInt()函數接受兩個參數，第一個參數是需要轉化的字符串，第二個參數是默認值，表示進制數。例如：

var str = "123";
var num = parseInt(str);
document.write(num);

output: 123

當然，除了整數類型，JavaScript中還存在一個字符串類型，也就是str。字符串就是表示文本的一種類型，它由一個或多個字符組成，字符可以是字母、數字、符號等，而使用引號來標記一段文本，我們就可以封裝出字符串類型的數據。例如：

var str = "Hello World";
document.write(str);

output: Hello World

需要注意的是，JavaScript中字符串類型的數據必須使用引號括起來，單引號和雙引號都可以，例如：

var str1 = 'Hello World';
var str2 = "Hello World";
document.write(str1 + "
" + str2);

output：Hello World
Hello World

在JavaScript中，可以使用+運算符來實現字符串的拼接，比如：

var str1 = "Hello";
var str2 = "World";
var str = str1 + " " + str2;
document.write(str);

output: Hello World

但需要注意的是，如果加號兩邊的值全部是字符串類型，則會進行字符串的拼接；但如果加號兩邊存在數字類型的值，那么會進行數字類型的計算。例如：

var str1 = "10";
var str2 = "20";
var num = str1 + str2;
document.write(num + "
");
var a = 10;
var b = "20";
var c = a + b;
document.write(c);

output：
1020
30

在JavaScript中，int和str是兩種不同的數據類型，它們分別代表著整數和字符串，需要使用不同的變量類型定義。因此，在編寫JavaScript程序時，需要根據實際需求選擇不同類型的變量，并且不要忘記區分字符串和數字類型的數據，以避免出現意想不到的錯誤。