溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下JavaScript中變量、數據類型的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
變量聲明使用var關鍵字，下面舉一些變量聲明的例子：
<!DOCTYPE html>
<html>
<head>
<title>learn javascript</title>
</head>
<body>
</body>
{{--js--}}
<script>
var name = "larger";
var age = 24, desire = "become web developers";
document.write(name + "<br />" + "age" + ":" + age + "<br />" + "desire" + ":" + desire);
</script>
</html>js中的數據類型有：
Nunber：數字類型。
String：字符串類型。
Boolean：布爾類型。
Array：數組。
Object：對象。
Null：空值。
Undefined：未定義值。
下面咱一個一個的聲明這些類型的變量。
<script> var number1 = 5; var number2 = (5 - 9) * 3; var numberSum = number1 + number2; document.write(number1 + "<br />" + number2 + "<br />" + numberSum + "<br />"); </script> <script> var Num = 3.88; document.write(Num); </script> <script> var num = new Number(3000); // 這樣聲明的話 它會是一個對象 document.write(typeof(num)); // Object </script>
NaN是一個非數字類型，用 isNaN 判斷是否是非數字類型：
<script> var num1 = new Number(3000); var num2 = 123; var noNum = NaN; document.write(isNaN(num1) + "<br />" + isNaN(num2) + "<br />" + isNaN(noNum)) </script>
當數字長度達到邊界時 就會變成一個特殊的類型：無窮大（Infinity）/負無窮大（-Infinity）：
<script>
var num1 = 2/0;
if (num1 == Infinity){
document.write("數字已溢出"+num1);
}
</script>用tostring方法來轉換成字符串類型：
<script> var num1 = 122; var str1 = num1.toString(); // 沒有傳遞參數默認是10進制。 var str2 = num1.toString(8); // 8進制 document.write(num1 + "<br />" + str1 + "<br />" + str2 + "<br />" + typeof(str1)); </script>
<script> var str1 = "something"; // 用雙引號 var str2 = 'something'; // 用單引號 var str3 = "my name is 'K'";// 雙引號中展示單引號 var str4 = 'my name is "K"';// 單引號中展示雙引號 var str5 = 'my name is \'K\''; // 轉義單引號中的單引號 </script>
通過索引獲取字符：
<script> var str1 = "something"; // 用雙引號 var char = str1[11]; // char也是string類型，如果越界的話char的類型為undefined document.write(char); </script>
通過length方法獲取字符串長度：
<script> var str = "something"; // 用雙引號 var strlen = str.length; // 返回的strlen是數字類型。 document.write(strlen); </script>
通過indexof來查找字符串：
<script>
var str = "something"; // 用雙引號
var index1 = str.indexOf("thing"); // 返回4 從零計算
var index2 = str.indexOf("same"); // 返回-1 代表沒找到
var str2 = "my name is k my age is 24";
var index3 = str2.indexOf("is"); // 返回8
var index4 = str2.lastIndexOf('is');// lastindexof是從后面開始找的 所以返回20
</script>通過macth來匹配字符串：
<script>
var str = "something"; // 用雙引號
var substr = str.match("sa"); // 如果能找到 返回查找的字符串 如果沒有找到 返回null
document.write(substr);
</script>替換一段字符串：
<script>
var str = "this is laravel";
str = str.replace("laravel", "javascript"); // 如果沒有替換成功 返回原來的字符串。
document.write(str);
</script>大小寫的轉換：
<script> var str = "this is laravel"; str = str.toLocaleUpperCase(); // 轉換為大寫。 str = str.toLocaleLowerCase(); // 轉換為小寫。 </script>
轉為數組：
<script>
var str = "this is laravel";
var array = str.split(" "); // 通過空格分隔。
</script><script>
var array1 = new Array();
array1[0] = "string type";
array1[1] = 55;
array1[2] = true;
var array2 = new Array("alex", "k", 24);
var array3 = ["alex", "K", 24];
</script><script>
var array3 = ["alex", "K", 24];
// 可以通過索引獲取
for (i = 0; i < array3.length; i++){
document.write(array3[i] + "<br />");
}
// 也可以通過索引來修改值
for (i = 0; i < array3.length; i++){
array3[i] = "value" + i;
}
document.write(array3);
</script>對象中可以包含屬性和方法，其實在js中 所有事物都是對象這其中包括上面的數字、字符串、數組。
<script>
var object1 = new Object();
object1.name = "alex";
object1.skinColor = "white";
object1.sayHello = function() {
return "yo bro what's up";
};
document.write(object1.name + "<br >" + object1.skinColor + "<br >");
document.write(object1.sayHello());
</script>↑ 這是第一種聲明方法 在其中 我們使用objectName.valueName訪問了對象中的元素，還有objectName.methodName訪問了對象中的方法。
<script>
var object1 = {
name : "alex",
skinColor : "white",
sayHello : function() {
return "yo bro what's up";
}
};
document.write(object1.name + "<br >" + object1.skinColor + "<br >");
document.write(object1.sayHello());
</script>↑ 這是第二種寫法，比較常用 比第一種方法簡單。
<script>
// 對象構造器
function Person(firstName, lastName, age){
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
this.changeName = changeName;
function changeName(name){
this.firstName = name;
}
this.fullName = fullName;
function fullName(){
return this.firstName + this.lastName;
}
}
// 使用對象構造器創建對象
var myWife = new Person("*","haoyan",18);
myWife.changeName("Yang");
document.write(myWife.fullName());
</script>↑ 這是第三種寫法，對象構造器。
使用for in來遍歷對象：
<script>
// 對象構造器
function Person(firstName, lastName, age){
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
this.changeName = changeName;
function changeName(name){
this.firstName = name;
}
this.fullName = fullName;
function fullName(){
return this.firstName + this.lastName;
}
}
// 使用對象構造器創建對象
var myWife = new Person("*","haoyan",18);
for(variable in myWife){
document.write(variable + "<br />");
}
</script>以上是“JavaScript中變量、數據類型的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
