JavaScript基礎語法(上)

溫故而知新,跟著視頻椭员,總結知識點车海。

一. 變量

JavaScript是弱類型腳本語言,使用變量之前隘击,可以無需定義侍芝,即當使用某個變量的時候可以直接使用。

定義(隱式定義/顯示定義)
  • 隱式定義:直接給變量賦值
<script type="text/javascript">
    temp="hello,world";// 使用隱式定義
</script>
  • 顯示定義:使用var關鍵字定義變量
<script type="text/javascript">
    var temp;// 使用顯示聲明
    temp = 12; // 賦值后的temp的數(shù)據(jù)類型為整型
</script>

注:可以同時定義多個變量

<script type="text/javascript">
    var a, b, c;// 可以一次性定義多個變量
    var I, j = "abc", k = 0;// 定義變量時 可以為變量指定初始值
</script>
變量名規(guī)則

給變量起名字需要遵守以下規(guī)則:

  • 1.可以以 字母(大小寫均可)埋同、下劃線 _州叠、或者美元符號 $ 開頭
  • 2.余下的可以是 _$ 凶赁、 任意字母 咧栗、 數(shù)字
  • 3.不能使用關鍵字作變量名

示例:查看一下變量名是否遵循規(guī)則

var test;
var Micky_she$Shang98hai;
var _micky98;
var $$Shang98hai;
var 8micky;// 不合法:數(shù)字不能開頭
var micky% = 10; // 不合法:變量名只能包含:字母、_虱肄、$致板、數(shù)字
var true = 10; // 不合法:變量名不能是關鍵字

二. 數(shù)據(jù)類型

JavaScript是弱類型腳本語言,聲明變量時無需指定變量的數(shù)據(jù)類型咏窿。JavaScript是解釋時動態(tài)決定的斟或,數(shù)據(jù)保存在內(nèi)存中也是有數(shù)據(jù)類型的。

JavaScript常用數(shù)據(jù)類型
  • 數(shù)值類型(number):包含整數(shù)浮點數(shù)集嵌;
var a = 10;
var b = 10.2;
var c = 5e2;
var d =1.2e-3;
var e = 0xf;// 十六進制數(shù)
var f = 014;// 八進制數(shù)
var g = .2e2;
document.write(a+"<br/>"+b+"<br/>"+c+"<br/>"+d+"<br/>"+e+"<br/>"+f+"<br/>"+g);

輸出
10
10.2
500
0.0012
15
12
20

  • 布爾類型(boolean):只有truefalse兩個值萝挤;
var a = true;
var b = false;
  • 字符串類型(string):字符串可以用雙引號“”或者單引號‘’括起來御毅;
var num1 = "abc";
var num2 = 'bcd';
  • 未定義類型(undefined):專門用來確定一個已經(jīng)創(chuàng)建但是沒有初值的變量,也可以代表一個對象中的一個屬性不存在怜珍;
var a;
alert(a);// 輸出:undefined
alert(String.abc);// 輸出:undefined
  • 空類型(null):用于表明某個變量的值為空端蛆,例如 var a = null;
var b = null;
var a;
alert(b==a);// true
alert(b===a);// ===表示嚴格等于 false
  • 對象類型(object):JavaScript中的對象酥泛、數(shù)組等

后面細講

三. 數(shù)據(jù)類型轉換

JavaScript和其他編程語言一樣今豆,可以進行類型轉換。

  • 數(shù)值轉換成字符串:通過 + 號 或者 toString() 方法
var a = 3;
var b = 10;
var c = a.toString();// 字符串 3
var d = b + c;// 字符串 103
alert(d);// 103
  • 字符串轉換成整型parseInt() 方法
document.write(parseInt("67red"));// 67
document.write(parseInt("53.5"));// 53
document.write(parseInt("0xC"));// 12
document.write(parseInt('mickychiang'));// NaN:not a number
  • 字符串轉換成浮點型parseFloat() 方法
document.write(parseFloat('25micky'));// 25
document.write(parseFloat('0xA'));// 0 !!!!!
document.write(parseFloat("435.34"));// 435.34
document.write(parseFloat('mickychiang'));// NaN

練習

var a = 3.5;
var b = a - 2;//1.5
var c = a*2;// 7
var a1="3.5"
var d = a1+2;// 3.52
alert(b+"\n"+c+"\n"+d);//1.5 7 3.52
alert(parseInt(a)+2);//5
alert(parseFloat(a)+2);//5.5

四. 字符串

1. 字符串常用方法

length :字符串長度

charAt(index) :獲取指定索引下的字符

toUpperCase() :將字符串的所有字符轉換成大寫字母

toLowerCase() :將字符串的所有字符轉換成小寫字母

indexOf(substring) :指定的字符(串)第一次出現(xiàn)的索引值(位置)

lastIndexOf(substring) :指定的字符(串)最后一次出現(xiàn)的索引值(位置)

substr(start index,length) :截取一段字符串(索引值為start index的字符開始到長度為length的字符結束)

substring(start index,end index) :截取一段字符串(索引值為start index的字符開始到索引值為end index的字符結束)

slice(start index,end index) :截取一段字符串(索引值為start index的字符開始到索引值為end index的字符結束)

注意
slice()的index可以為負數(shù)揭璃,即從尾開始 右到左下標為-1晚凿,-2亭罪,-3瘦馍,… ,比substring()功能更強大应役。

replace(oldstring,newstring) : newstring字符(串)取代oldstring字符(串)

match(substring) :匹配字符(串)

search(substring) :匹配字符(串)的下標

注意
match()匹配不到字符(串)時情组,返回 null;而match()匹配不到字符(串)時箩祥,返回 -1院崇。

split(string) :以string分割字符串

concat() :用于連接兩個或多個數(shù)組

2. 練習
var str = "Micky like songs";

alert(str.length);// 16
alert(str.charAt(6));// 下標為5 l

alert(str.toUpperCase());// MICKY LIKE SONGS
alert(str.toLowerCase());// micky like songs

alert(str.indexOf("k"));// 3
alert(str.indexOf("ke"));// 8
alert(str.indexOf('i',7));// 7
alert(str.indexOf('i',8));// -1 索引值為8的字符不是i 所以返回-1

alert(str.lastIndexOf('s'));// 15
alert(str.lastIndexOf('gs'));// 14

alert(str.substr(2,5));// cky l
alert(str.substring(2,4));// ck

alert(str.slice(2,4));// ck
alert(str.slice(3,-1));// ky like song
alert(str.slice(3,-6));// ky like
alert(str.slice(-3,-1));// ng

alert(str.replace('Micky','MickyChiang'));// MickyChiang like songs

alert(str.match("dddd"));// null
alert(str.match("like"));// like
alert(str.search('dddd'));// -1
alert(str.search('ick'));// 1

var arr = str.split(' ');
for(i=0;i<arr.length;i++){
  alert(arr[i]);
}
// 輸出:
// Micky
// like
// songs

var a = [1,2,3];
document.write(a.concat(4,5,6));// 1,2,3,4,5,6

注意
1.字符串可以用 ‘’ 或者 “”
2.比較字符串是否相等,使用 == 即可袍祖,無需使用equals()方法

逐步整理中底瓣,,未完待續(xù)蕉陋。捐凭。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市凳鬓,隨后出現(xiàn)的幾起案子茁肠,更是在濱河造成了極大的恐慌,老刑警劉巖缩举,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件垦梆,死亡現(xiàn)場離奇詭異,居然都是意外死亡仅孩,警方通過查閱死者的電腦和手機托猩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來辽慕,“玉大人站刑,你說我怎么就攤上這事”前伲” “怎么了绞旅?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵摆尝,是天一觀的道長。 經(jīng)常有香客問我因悲,道長堕汞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任晃琳,我火速辦了婚禮讯检,結果婚禮上,老公的妹妹穿的比我還像新娘卫旱。我一直安慰自己人灼,他們只是感情好,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布顾翼。 她就那樣靜靜地躺著投放,像睡著了一般。 火紅的嫁衣襯著肌膚如雪适贸。 梳的紋絲不亂的頭發(fā)上灸芳,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天,我揣著相機與錄音拜姿,去河邊找鬼烙样。 笑死,一個胖子當著我的面吹牛蕊肥,可吹牛的內(nèi)容都是我干的谒获。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼壁却,長吁一口氣:“原來是場噩夢啊……” “哼批狱!你這毒婦竟也來了?” 一聲冷哼從身側響起儒洛,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤精耐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后琅锻,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卦停,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年恼蓬,在試婚紗的時候發(fā)現(xiàn)自己被綠了惊完。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡处硬,死狀恐怖小槐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤凿跳,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布件豌,位于F島的核電站,受9級特大地震影響控嗜,放射性物質(zhì)發(fā)生泄漏茧彤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一疆栏、第九天 我趴在偏房一處隱蔽的房頂上張望曾掂。 院中可真熱鬧,春花似錦壁顶、人聲如沸珠洗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽许蓖。三九已至,卻和暖如春富岳,著一層夾襖步出監(jiān)牢的瞬間蛔糯,已是汗流浹背拯腮。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工窖式, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人动壤。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓萝喘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親琼懊。 傳聞我的和親對象是個殘疾皇子阁簸,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,216評論 0 4
  • FreeCodeCamp - Basic JavaScript 寫在前面: 我曾經(jīng)在進谷前刷過這一套題,不過當時只...
    付林恒閱讀 16,431評論 5 28
  • 文章作者:Tyan博客:noahsnail.com | CSDN | 簡書 Item 3 Enforce the ...
    SnailTyan閱讀 408評論 1 1
  • 閨蜜們又吵架了哼丈,明明是閨蜜启妹,怎么動不動就干架~ 沒法跟父母溝通,多說兩句就要拍桌砸鍋了~ 跟同事共事有太多不滿情緒...
    薛悠悠閱讀 598評論 1 2
  • 首先這個周還是繼續(xù)的延續(xù)了一下上周的主題醉旦,畫了花饶米,最后終于可以湊夠一個九宮格了 然后又畫了一只小鳥(尾巴畫失敗了,...
    禾夕小筑閱讀 334評論 0 0