JavaScript中變量、數(shù)據(jù)類型的示例分析-創(chuàng)新互聯(lián)

小編給大家分享一下JavaScript中變量、數(shù)據(jù)類型的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

“專業(yè)、務(wù)實、高效、創(chuàng)新、把客戶的事當成自己的事”是我們每一個人一直以來堅持追求的企業(yè)文化。 成都創(chuàng)新互聯(lián)是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、軟件開發(fā)、設(shè)計服務(wù)業(yè)務(wù)。我們始終堅持以客戶需求為導(dǎo)向，結(jié)合用戶體驗與視覺傳達，提供有針對性的項目解決方案，提供專業(yè)性的建議，創(chuàng)新互聯(lián)建站將不斷地超越自我，追逐市場，引領(lǐng)市場！1 如何聲明變量

變量聲明使用var關(guān)鍵字，下面舉一些變量聲明的例子：

<!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>
2 數(shù)據(jù)類型

js中的數(shù)據(jù)類型有：

  1. Nunber：數(shù)字類型。

  2. String：字符串類型。

  3. Boolean：布爾類型。

  4. Array：數(shù)組。

  5. Object：對象。

  6. Null：空值。

  7. Undefined：未定義值。

下面咱一個一個的聲明這些類型的變量。

2.1 數(shù)字類型2.1.1 聲明方式
<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>
2.1.2 常用方法

NaN是一個非數(shù)字類型，用 isNaN 判斷是否是非數(shù)字類型：

<script>
  var num1 = new Number(3000);
  var num2 = 123;
  var noNum = NaN;
  document.write(isNaN(num1) + "<br />" + isNaN(num2) + "<br />" + isNaN(noNum))
</script>

當數(shù)字長度達到邊界時 就會變成一個特殊的類型：無窮大（Infinity）/負無窮大（-Infinity）：

<script>
  var num1 = 2/0;
  if (num1 == Infinity){
    document.write("數(shù)字已溢出"+num1);
  }
</script>

用tostring方法來轉(zhuǎn)換成字符串類型：

<script>
  var num1 = 122;
  var str1 = num1.toString();   // 沒有傳遞參數(shù)默認是10進制。
  var str2 = num1.toString(8);  // 8進制
  document.write(num1 + "<br />" + str1 + "<br />" + str2 + "<br />" + typeof(str1));
</script>
2.2 字符串類型2.2.1 聲明方法
<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\''; // 轉(zhuǎn)義單引號中的單引號
</script>
2.2.2 常用方法

通過索引獲取字符：

<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是數(shù)字類型。
  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>

大小寫的轉(zhuǎn)換：

<script>
  var str = "this is laravel";
  str = str.toLocaleUpperCase(); // 轉(zhuǎn)換為大寫。
  str = str.toLocaleLowerCase(); // 轉(zhuǎn)換為小寫。
</script>

轉(zhuǎn)為數(shù)組：

<script>
  var str = "this is laravel";
  var array = str.split(" ");   // 通過空格分隔。
</script>
2.3 數(shù)組2.3.1 聲明方法
<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>
2.3.2 訪問數(shù)組中的元素
<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>
2.4 對象

對象中可以包含屬性和方法，其實在js中 所有事物都是對象這其中包括上面的數(shù)字、字符串、數(shù)組。

2.4.1 創(chuàng)建方法
<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>
  // 對象構(gòu)造器
  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;
    }
  }
  // 使用對象構(gòu)造器創(chuàng)建對象
  var myWife = new Person("*","haoyan",18);
  myWife.changeName("Yang");
  document.write(myWife.fullName());
</script>

↑ 這是第三種寫法，對象構(gòu)造器。

2.4.2 遍歷對象

使用for in來遍歷對象：

<script>
  // 對象構(gòu)造器
  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;
    }
  }
  // 使用對象構(gòu)造器創(chuàng)建對象
  var myWife = new Person("*","haoyan",18);
  for(variable in myWife){
    document.write(variable + "<br />");
  }
</script>

以上是“JavaScript中變量、數(shù)據(jù)類型的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章名稱：JavaScript中變量、數(shù)據(jù)類型的示例分析-創(chuàng)新互聯(lián)
本文URL：http://muchs.cn/article20/djghjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)站建設(shè)、網(wǎng)站制作、微信小程序、軟件開發(fā)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都app開發(fā)公司