首頁 web前端 js教程 JavaScript基礎知識點

JavaScript基礎知識點

Feb 07, 2017 pm 02:41 PM
javascript

JavaScript學習

標籤(空格分隔)變數

1.啥叫變數
變數是儲存書數值的容器;

2.遊戲規則
【變數命名】變數可以用字母、數字以及底線(_下劃線(_ )或美元符($)組成。

1.必須以字母、底線或美元符號開頭,後面可以跟字母、底線、美元符號和數字。

2.變數名區分大小寫,如:myvar與myVarhi兩個不同的變數。

3.不允許使用JavaScript關鍵字和保留字作為變數名,例如break,Boolean。

3.變數宣告與賦值

 var myvar=123;
登入後複製

4.資料型別

  • string(字串)

  • Nubmber(數字)

  • Nubmber(數字)
  • 🜎
  • Array(陣列)
  • Object(物件)

undefined和null

var mychar1="双引号包起来的字符串";//这是字符串
var mychar2='单引号包起来的字符串';//这也是字符串
var mychar3='小蒜:"我喜欢我们班的小可。"';//字符串中有双引号,用单引号包含
var mychar4="Uncle Wang:"\"小蒜啊,'学习好'才能吸引女孩哦~\""; //或者在特定符号(引号)前使用\符号,使其转义输出
var mynum1=6; //这是数字6var mynum2=6.00; //这也是数字6> 
var mynum3=123e;//这是使用科学(指数)计算法来书写的12300000
var mynum4=123e-5;//这是0.00123var mynum5=ture;//这是布尔值
var mynum6=[1,2,3];//这是数组
var myobject={"p":"Hello"};//这是对象
登入後複製

.字串是,其他變數也會轉成為字串進行連接哦~

var y="you";
var mysay="I"+"love"+y; //=后面是串表达式,mysay值是字符串
var mynum=12+6*2;//=后面是数值表达式,mynum值是数值
var mynum>12;//=后面是布尔表达式,mysay值是布尔值
登入後複製

2.運算子

2.1算數運算子

例如:+-8*/

var num=24;
var myresult1=++num%4+6*2;//myresult是多少呢?
var myresult2=num%4+6*2;//myresult是多少呢?
登入後複製

2.2賦值運算子

將算數運算子放在=前面就可以簡化,例如num%=4等價於num=num%4。

2.3比較運算子

例如:>,<,>=,<=

==等於
===全等於
! =不等於

2.4邏輯運算子

&&(串聯)

||(並聯)

2.5運算子優先權(高到低):

-* /等算術運算子

= <等比較運算符

&& || !等邏輯運算符

=複製符號。
如果同級的運算時以左至右次序進行,多層括號有里向外。
在這裡提醒一下,在分不清優先順序的時候,透過加括號來記住運算順序就可以了。

練習:連結數字和字串

指出下面非字串的結果


數組

什麼是數組

1.數組的定義

一句話理解:可以存放多個資料的變數


組數組(Arry)是按次序排列的一組值,單一值稱為元素,他們的位置都有編號(從0開始也就是說第一個元素的下標為0,第二個為1,一次類推)。整個數組方括號表示。

//表达形式一var arr=[];
var arr[0]=&#39;a&#39;;
var arr=[1]=&#39;b&#39;;
var arr=[2]=&#39;c&#39;;
var arr=[3]=&#39;d&#39;;//表达形式二
var arr=[&#39;a&#39;&#39;b&#39;&#39;c&#39;&#39;d&#39;];
登入後複製

2.可以裝什麼?

任一種類型的數據,都可以放進數組裡面。

var arr=[&#39;x&#39;,{a:1},[1,2,3], 
fucation(){return true;}];
arr[0];  //stringarr[1];  //Objectarr[2];  //Arrayarr[3];  //fucation
登入後複製

由此可見,數組中的元素也可以是數組,我們稱這種形式為多維數組。

var arr=[[1,2],[3,4]];
arr[0][1];  //2arr[1][1];  //4
登入後複製

3.length屬性

3.1陣列的length屬性,可以傳回陣列的成員數量。


數組的length屬性與物件的length屬性有所區別,只要是數組就一定有length屬性,而物件不一定有。

而且,陣列的length屬性是一個動態的值,等於鍵名中最大值加1。

var arr=[&#39;a&#39;,&#39;b&#39;];
arr.length; //2arr[2]=;&#39;c&#39;;
arr.length;  //3arr[9]=&#39;d&#39;;
arr.length;  //10arr[1000]=&#39;e&#39;;
arr.lengh;  //10001
登入後複製

可以發現,數組的數字鍵值不需要連續,length的屬性的值總是等於最大的那個鍵值大1。

3.2 length屬性是可寫的。如果人為設定一個小雨目前成員數量的值,該陣列的成員會自動減少到length設定的長度。

var arr=[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;];
arr.length;  //3arr.length=2;
arr;    //[&#39;a&#39;,&#39;b&#39;]
登入後複製

當數組的length屬性設定為2時,即最大的整數之只能是1,所以鍵值2對應的元素(‘c’)就自動被刪除了。因此,將陣列清空的有個有效辦法,就是將陣列的length屬性設為0。

3.3 數組的長度

需要注意,因為數組的索引總是由0開始,所以一個數組的上下限分別是:0和length-1。如數組的長度是5,數組的上下限翻倍是0和4。

4.建立數組

var myarr=new Array(6);
console.log(myarray);
登入後複製

5.數組的賦值

var myarr=new Array(3);
myarr[0]="小五";
myarr[1]="小明";
myarr[2]="月影";
console.log("班里学号为0的是:"+myarr[0]);
console.log("班里学号为1的是:"+myarr[1]);
console.log("班里学号为2的是:"+myarr[2]);
var arr=["1","abc","myarr"];
console.log(arr[1]);
登入後複製

6.增加新元素

myarr[0]="小五";
myarr[1]="小明";
myarr[2]="月影";
console.log("班里学号为0的是:"+myarr[0]);
console.log("班里学号为1的是:"+myarr[1]);
console.log("班里学号为2的是:"+myarr[2]);
myarr[3]="小新";
console.log(myarr[3]);
myarr[0]="小五";
myarr[1]="小明";
myarr[2]="月影";
console.log("班里学号为0的是:"+myarr[0]);
console.log("班里学号为1的是:"+myarr[1]);
console.log("班里学号为2的是:"+myarr[2]);
myarr[3]="小新";
console.log(myarr[3]);
登入後複製

7.使用數組索引量

要得到一個該數組元素的值,只需要用字面索引組變量。

var myarr=["小雷","小可","小新","小明","月影"];
var mynum=4;
console.log("学号为4的是"+myarr[mynum]);
登入後複製


8.多維數組嵌套

var myarr=[[0,2,3],[1,2,3]]
myarr[0][1]=5;//将5的值传入数组中,覆盖原有值。
console.log(myarr[0][1]);
登入後複製

知識點擴充

簡單的for循環:

var arr=[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;];
for(var i=0; i<arr.length; i++){
console.log(arr[i]);
        }
登入後複製

以上是JavaScript基礎知識點的內容,更多相關內容請關注PHPwww.Pwww. cn)!



本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術

如何使用WebSocket和JavaScript實現線上預約系統 如何使用WebSocket和JavaScript實現線上預約系統 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript實現線上預約系統

如何利用JavaScript和WebSocket實現即時線上點餐系統 如何利用JavaScript和WebSocket實現即時線上點餐系統 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket實現即時線上點餐系統

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

簡易JavaScript教學:取得HTTP狀態碼的方法

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript與WebSocket:打造高效率的即時天氣預報系統

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

如何在JavaScript中取得HTTP狀態碼的簡單方法

javascript如何使用insertBefore javascript如何使用insertBefore Nov 24, 2023 am 11:56 AM

javascript如何使用insertBefore

See all articles