ES02 變量、數組、對象、方法

阿新 • • 發佈：2018-03-24

hide fun utf-8 close rip hold test return 2.0

1 變量

　　1.1 變量的聲明

　　　　利用var關鍵字來聲明變量，例如：

    var a = 100;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptTest</title>
<meta name="description" content="">
<meta name 
="keywords" content="">
<link href="" rel="stylesheet">

<!-- <script src="/js/jquery.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    var a = 100;
    function test01() {
        alert("變量a的值為：" + a);
    }
 
</script>
    
</head>
<body>
    <p id="testP">Hello Boy</p>
    
    <button id="test" onClick="test01()">測試按鈕</button><br />

    <script>
    
    </script>

    
</body>
</html>

View Code

　　1.2 變量的作用域

　　　　1.2.1 局部作用域

　　　　　　在函數中聲明的作用域叫做局部作用域

　　　　1.2.2 全局作用域

　　　　　　在函數之外聲明的作用與叫做全局作用域

　　　　1.2.3 區別

　　　　　　局部作用域中可以獲取全局變量，但是局部變量只能在局部作用域中使用，即：局部變量只能在聲明它的方法中使用

　　　　　　技術分享圖片

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptTest</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<!-- <script src="/js/jquery.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    var a = "全局變量a";
    function test01() {
        var b = "局部變量b";
        alert("test01方法 -> " + a);
        alert("test01方法 -> " + b);
    }
    function test02() {
        alert("test02方法 -> " + a);
        alert("test02方法 -> " + b);
    }
</script>
    
</head>
<body>
    <p id="testP">Hello Boy</p>
    
    <button id="test01" onClick="test01()">測試按鈕01</button><br />
    <button id="test02" onClick="test02()">測試按鈕02</button>

    <script>
    
    </script>

    
</body>
</html>

View Code

　　　　　　坑01：在局部作用域中如果使用的變量未i進行聲明操作就會到全局中去尋找對應的全局變量，如果沒找到就會創建一個全局變量

　　　　　　技術分享圖片

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptTest</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<!-- <script src="/js/jquery.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    var a = "全局變量a";
    function test01() {
        b = "Hello Boy"
        alert("test01方法 -> " + a);
        alert("test01方法 -> " + b);
    }
    function test02() {
        alert("test02方法 -> " + a);
        alert("test02方法 -> " + b);
    }
</script>
    
</head>
<body>
    <p id="testP">Hello Boy</p>
    
    <button id="test01" onClick="test01()">測試按鈕01</button><br />
    <button id="test02" onClick="test02()">測試按鈕02</button>

    <script>
    
    </script>

    
</body>
</html>

View Code

2 數組

　　2.1 數組的聲明

　　　　2.1.1 利用 Array 對象進行聲明

var list01 = new Array();

　　　　2.1.2 利用 [ ] 進行聲明

var list01 = [];

　　2.2 數組的賦值

　　　　數組名[數組元素索引]

list01[0] = "warrior";
list01[4] = "fury";

　　　　坑01：中間為進行初始化的數組元素自動賦值為 undefined

　　2.3 數組的聲明和賦值

　　　　2.3.1 利用 Array 對象實現

var list01 = new Array("warrior", "fury", "重慶火鍋");

　　　　2.3.2 利用 [ ] 實現

var list01 = ["warrior", "fury", "重慶火鍋", "小面"];

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptTest</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<!-- <script src="/js/jquery.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    var list01 = ["warrior", "fury", "重慶火鍋", "小面"];
    function test01() {
        for (var i = list01.length - 1; i >= 0; i--) {
            console.log(list01[i]);
        }
    }
    function test02() {
        
    }
</script>
    
</head>
<body>
    <p id="testP">Hello Boy</p>
    
    <button id="test01" onClick="test01()">測試按鈕01</button><br />
    <button id="test02" onClick="test02()">測試按鈕02</button>

    <script>
    
    </script>

    
</body>
</html>

View Code

3 對象

　　3.1 對象的聲明

　　　　3.1.1 利用 Object

var obj = new Object()

　　　　3.1.2 利用 { }

var obj = {};

　　3.2 對象的賦值

    obj.name = "warrior";
    obj.address = "重慶市";

　　3.3 對象的聲明和賦值

　　　　3.3.1 利用Object

    var obj = new Object({
        name: "warrior",
        address: "重慶",
        age: 123
    });

　　　　3.3.2 利用 { }

    var obj = {
        name: "warrior",
        address: "重慶"
    };

4 方法

    function onCompute() {
        alert("hello boy");
        var a = document.getElementById("a");
        var b = document.getElementById("b");
        document.getElementById("result").value = Number(a.value) + Number(b.value);
    }

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptTest</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<!-- <script src="/js/jquery.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    
    function onCompute() {
        alert("hello boy");
        var a = document.getElementById("a");
        var b = document.getElementById("b");
        document.getElementById("result").value = Number(a.value) + Number(b.value);
    }


    function test01() {
    }
    function test02() {
        
    }
</script>
    
</head>
<body>
    <input type="number" id="a" placeholder="加數01" />
    &nbsp;
    <span> + </span>
    &nbsp;
    <input type="number" id="b" placeholder="加數02" />
    &nbsp;
    <span> = </span>
    &nbsp;
    <input type="number" id="result" placeholder="結果" />
    &nbsp;
    <button id="compute" onclick="onCompute()">計算</button>
    <hr />
    
    <button id="test01" onClick="test01()">測試按鈕01</button><br />
    <button id="test02" onClick="test02()">測試按鈕02</button>

    <script>
    
    </script>

    
</body>
</html>

View Code

　　4.1 有參方法

　　　　坑01：由於JavaScript是動態類型語言，所以在定義方法時的形參不用指定類型，用合法的變量名指明就行啦

    function test01(a, b) {
        alert(a);
        alert(b);
    }

　　4.2 帶返回值的方法

    function test02(a, b) {
        alert(test03(a, b));
    }
    function test03(a, b) {
        return a + b;
    }

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptTest</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<!-- <script src="/js/jquery.js"></script> -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    
    function onCompute() {
        alert("hello boy");
        var a = document.getElementById("a");
        var b = document.getElementById("b");
        document.getElementById("result").value = Number(a.value) + Number(b.value);
    }


    function test01(a, b) {
        alert(a);
        alert(b);
    }
    function test02(a, b) {
        alert(test03(a, b));
    }
    function test03(a, b) {
        return a + b;
    }
</script>
    
</head>
<body>
    <input type="number" id="a" placeholder="加數01" />
    &nbsp;
    <span> + </span>
    &nbsp;
    <input type="number" id="b" placeholder="加數02" />
    &nbsp;
    <span> = </span>
    &nbsp;
    <input type="number" id="result" placeholder="結果" />
    &nbsp;
    <button id="compute" onclick="onCompute()">計算</button>
    <hr />
    
    <button id="test01" onClick="test01(‘warrior‘, ‘重慶‘)">測試按鈕01</button><br />
    <button id="test02" onClick="test02(1, 2)">測試按鈕02</button>

    <script>
    
    </script>

    
</body>
</html>

View Code

ES02 變量、數組、對象、方法

數組和對象常用方法匯總

undefine 刪除 epo ole pos host AR 返回末尾數組的常用方法 1，shift()方法：把數組的第一個元素刪除，並返回第一個元素的值 var a = [‘a‘, ‘b‘, ‘c‘]; console.log(a,a.shift()); //[

sessionStorage、localStorage 存儲及如何存儲數組與對象

return parse div func code 瀏覽器 typeof urn log 1、存儲，獲取，清楚 sessionStorage.setItem("key",val) sessionStorage.getItem("key") sessionStorage.

二維數組面向對象編程的概念、類、對象以及引用和成員方法

一個功能相同內存面向過程沒有初始娛樂值類型 1.二維數組(熟悉)1.1 基本概念一維數組本質上就是一段連續的存儲單元，用於存放多個類型相同的數據內容。二維數組本質上就是由多個一維數組組成的數組，也就是說二維數組中的每個元素都是一維數組，而一維數組

C++中變量做數組長度

指針必須 locks code 完全普通賦值釋放提示在Java中，這是完全可以的，比如我們運行如下程序： package cn.darrenchan.storm; import java.util.Arrays; public class Test {

C++入門經典-例6.9-通過指針變量獲取數組中的元素

[0 int play pen c++ class 個數 close sin 1：通過指針引用數組，需要先聲明一個數組，再聲明一個指針。 int a[10]; int *p; 然後通過&運算符獲取數組中元素的地址，再將地址值賦給指針變量。 p=&a[

shell環境變量+特殊變量（數組的定義及增刪改查）

shell環境變量shell變量類型：（分兩類）環境變量（全局變量）和局部變量#######一般環境變量都為大寫######### 變量三種符號無引號：一般是連續的字符串，數字，路徑等可以不加任何引號‘單引號‘：所見即所得，看到的是什麽就會輸出什麽"雙引號"：把雙引號內的所有內容都輸出出來

python 變量，數組，字符串

and 必須 %s python 變量邏輯運算符 this jpg 1.2 引用變量變量是計算機內存的一塊區域，變量可以存儲規定範圍內的值，而且值可以改變， python下變量是對一個數據的引用變量的命名變量名由字母，數字，下劃線組成變量不能用數字開頭不可以使用關鍵字

數組、數組的遍歷、排序算法

自動變 int clu using 鍵盤 space [] 遍歷 nbsp int x[3] = { 1,2,3 }; int x[3] = { 1,2 };//未初始化的元素，默認0 int x[] = { 1,2,3 };//省略下標，依據元素個數自動變更下標 int

JavaScript封閉函數、常用內置對象、js調試方法

input 頁面 i++ utf-8 oct button shadow har 函數 1.封閉函數封閉函數是JavaScript中匿名函數的另外一種寫法，創建一個一開始就執行而不用命名的函數 /在封閉函數前加’;‘,可以避免js壓縮時出錯/;(function(){

JS中數組和對象的區別

src 區別 nbsp log 對象 img images image ima JS中數組和對象的區別

json對象數組按對象屬性排序

ret turn bsp per sort stringify ring pro esc var staffs=[{name:"join",age:20},{name:"ajax",age:21},{name:"trim",age:22}]; function compar

關於vue數組中對象屬性變更頁面沒重新渲染的問題

時間 index 檢測 self eno 解決數據屬性 rep 前段時間做開發的時候用mqtt監聽了服務端信息，推送過來的數據要變更數組裏面的對象的數據，修改好後但是頁面並沒有更新，因為javascript機制，vue並不能檢測到數組變化，也是查閱知道了$set()函數

後臺返回對象數組，對象屬性相同時，只取一個對象

元素屬性 con als bsp class total code log 後臺返回的數據： [ {confirmCharge: "0.00", orderId: "--", changeId: "1", realName: "王五", totalConfirm

每天一個JS 小demo之韓雪冬輪播圖。主要知識點：html，css布局，對於數組和對象的理解和運用

身高全局 borde ava ebo 空間 use mouseout desc 1 @charset "utf-8"; 2 /* CSS Document */ 3 4 * { padding: 0; margin: 0; } 5 li { list-st

5月15日上課筆記-js中 location對象的屬性、document對象、js內置對象、Date事件對象、

nts 根據 host value string 定時函數 date this 個數 location的屬性： host: 返回當前主機名和端口號定時函數： setTimeout( ) setInterval() 二、document對

（精華）將json數組和對象轉換成List和Map(小龍哥和牛徳鶴的對話)

put span ray add sonar string val out 和數將java標準的數據結構ArrayList和HashMap轉換成json對象和數組很簡單只需要JSONArray.fromObject(obj);或者JSONObject.fromObjec

類數組轉數組，對象轉數組

urn lov 常見 npr doc prop rip aso prototype 1、類數組轉數組 //類數組示例 //javascript中常見的類數組有arguments對象和DOM方法的返回結果。//比如 document.getElementsByTagName

JavaScript 數組(Array)對象

更多 lte clas java array struct 轉換 .com com 1、Array相關的屬性和方法這裏只是做了相關的列舉，具體的使用方法，請參考網址。 Array 對象屬性 constructor 返回對創建此對象的數組函數的引用。 length 設置或

js數組string對象api常用方法

位置字符串數組 tor body object split script 常用 bst charAt() 方法可返回指定位置的字符。 stringObject.charAt(index) indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的

JavaSE基礎數組面向對象編程理解部分關鍵字的解釋及用法

java 開發一維數組數組：可以存儲多個元素並且多個元素是同一種類型的容器數組的定義: 數據類型[] 數組名; 例如：int[]a; 意義：定義了一個int類型的數組變量a 數據類型數組名[]; 例如：int a[]; 意

ES02 變量、數組、對象、方法

1 變量

1.1 變量的聲明

1.2 變量的作用域

1.2.1 局部作用域

1.2.2 全局作用域

1.2.3 區別

2 數組

2.1 數組的聲明

2.1.1 利用 Array 對象進行聲明

2.1.2 利用 [ ] 進行聲明

2.2 數組的賦值

2.3 數組的聲明和賦值

2.3.1 利用 Array 對象實現

2.3.2 利用 [ ] 實現

3 對象

3.1 對象的聲明

3.1.1 利用 Object

3.1.2 利用 { }

3.2 對象的賦值

3.3 對象的聲明和賦值

3.3.1 利用Object

3.3.2 利用 { }

4 方法

4.1 有參方法

4.2 帶返回值的方法

相關推薦

　　1.1 變量的聲明

　　1.2 變量的作用域

　　　　1.2.1 局部作用域

　　　　1.2.2 全局作用域

　　　　1.2.3 區別

　　2.1 數組的聲明

　　　　2.1.1 利用 Array 對象進行聲明

　　　　2.1.2 利用 [ ] 進行聲明

　　2.2 數組的賦值

　　2.3 數組的聲明和賦值

　　　　2.3.1 利用 Array 對象實現

　　　　2.3.2 利用 [ ] 實現

　　3.1 對象的聲明

　　　　3.1.1 利用 Object

　　　　3.1.2 利用 { }

　　3.2 對象的賦值

　　3.3 對象的聲明和賦值

　　　　3.3.1 利用Object

　　　　3.3.2 利用 { }

　　4.1 有參方法

　　4.2 帶返回值的方法