Js数据结构总结.ppt

0 JavaScriptJavaScript基本数据结构基本数据结构 北京易技特科技有限公司北京易技特科技有限公司20062006年年8 8月月篮紊垄蜕耪腥宵裁瘴钡谢凭钉叙俊逢菌镐气羹痛盔见养厌畦局债淌荷隔币Js数据结构总结Js数据结构总结1 课程目录课程目录JavaScriptJavaScript代码的加入代码的加入基本数据类型基本数据类型表达式和运算符表达式和运算符浚诧慰息氦沦盂俺隔颁寥狸皑碍书像夫苹轧沸釉镁忱酣困咕揖雏然朽歼较Js数据结构总结Js数据结构总结2 JavaScriptJavaScript代码的加入代码的加入 JavaScript JavaScript的脚本包括在的脚本包括在HTMLHTML中，它成为中，它成为HTMLHTML文档的一部分。与文档的一部分。与HTMLHTML标识相结合，构成了一标识相结合，构成了一个功能强大的个功能强大的InternetInternet网上编程语言。可以直网上编程语言。可以直接将接将JavaScriptJavaScript脚本加入文档：脚本加入文档：JavaScript JavaScript代码；代码；JavaScript JavaScript代码代码;.观愧叉坏绦阳摘肃续特盼最县僳缎返羹蔡苑搬息敲贸毕钱雅昼臻烧刮侧贝Js数据结构总结Js数据结构总结3 基本数据类型基本数据类型 1 1、基本数据类型、基本数据类型 在在JavaScriptJavaScript中四种基本的数据类型：数值中四种基本的数据类型：数值（整数和实数）、字符串型（用（整数和实数）、字符串型（用“”“”号或号或括起来的字符或数值）、布尔型和空值。在括起来的字符或数值）、布尔型和空值。在JavaScriptJavaScript的基本类型中的数据可以是常量，的基本类型中的数据可以是常量，也可以变量。由于也可以变量。由于JavaScriptJavaScript采用弱类型的形采用弱类型的形式，因而一个数据的变量或常量不必首先作声式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，它是通过在当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。赋值时自动说明其数据类型的。稼所倍呜寓杏于控票保熟核苯新耙瑟峙斌莫侣抗蛮杖樱份阵散蒲痉渝榔瞧Js数据结构总结Js数据结构总结4 基本数据类型基本数据类型 整型常量整型常量 JavaScript JavaScript的常量通常又称字面常量，它是不的常量通常又称字面常量，它是不能改变的数据。其整型常量可以使用十六进制、能改变的数据。其整型常量可以使用十六进制、八进制和十进制表示其值。八进制和十进制表示其值。实型常量实型常量 实型常量是由整数部分加小数部分表示，如实型常量是由整数部分加小数部分表示，如12.3212.32、193.98 193.98。可以使用科学或标准方法表。可以使用科学或标准方法表示：示：5E75E7、4e54e5等。等。布尔值布尔值裤菩葡程提善骄嫩离仿晴满延藕稿贮师贫涯锣仆耳景顶秃稼付熊冠胜诸糊Js数据结构总结Js数据结构总结5 基本数据类型基本数据类型 布尔常量只有两种状态：布尔常量只有两种状态：TrueTrue或或FalseFalse。它主。它主要用来说明或代表一种状态或标志，以说明操要用来说明或代表一种状态或标志，以说明操作流程。它与是不一样的作流程。它与是不一样的,可以可以用或表示其状态用或表示其状态,而而JavaScriptJavaScript只能用只能用TrueTrue或或FalseFalse表示其状态。表示其状态。字符型常量字符型常量 使用单引号（使用单引号（）或双引号（）或双引号（“）括起来的一）括起来的一个或几个字符。如个或几个字符。如 This is a book of This is a book of JavaScript JavaScript、32453245、ewrt234234 ewrt234234 等。等。袜袒秃膝叫鞋切沁疚砒览问壶椎倘体副糕馏凰霉汇玲辨薄氏豢破曰鳖辉谨Js数据结构总结Js数据结构总结6 基本数据类型基本数据类型 空值空值 JavaScript JavaScript中有一个空值中有一个空值null,null,表示什么也没表示什么也没有。如试图引用没有定义的变量有。如试图引用没有定义的变量,则返回一个则返回一个NullNull值。值。特殊字符特殊字符 同语言一样，同语言一样，JavaScriptJavaScript中同样以有些以反中同样以有些以反斜杠（）开头的不可显示的特殊字符。通常斜杠（）开头的不可显示的特殊字符。通常称为控制字符。称为控制字符。效郧惑瓜法涟播罢痈封蔚留蕊席淹耳悦月宪怜伪即忧津和栅捷敦取兴敞抒Js数据结构总结Js数据结构总结7 基本数据类型基本数据类型 变量的命名变量的命名 JavaScript JavaScript中的变量命名同其计算机语言非常中的变量命名同其计算机语言非常相似，这里要注意以下两点：相似，这里要注意以下两点：1 1、必须是一个有效的变量，即变量以字母开、必须是一个有效的变量，即变量以字母开头，中间可以出现数字如头，中间可以出现数字如test1test1、text2text2等。除等。除下划线（）作为连字符外，变量名称不能有下划线（）作为连字符外，变量名称不能有空格、（）、（）、（，）或其它符号。空格、（）、（）、（，）或其它符号。2 2、不能使用、不能使用JavaScriptJavaScript中的关键字作为变量。中的关键字作为变量。韵光颠畏啸宰苑俺螟用努群房完瑶测呢慌盾藤题菇套四百职坊冯狱庙政漓Js数据结构总结Js数据结构总结8 基本数据类型基本数据类型 在在JavaScriptJavaScript中定义了多个类键字，这些中定义了多个类键字，这些关键是关键是JavaScriptJavaScript内部使用的，不能作为变量内部使用的，不能作为变量的名称。如的名称。如VarVar、intint、doubledouble、truetrue不能作为不能作为变量的名称。变量的名称。在对变量命名时，最好把变量的意义与其代表在对变量命名时，最好把变量的意义与其代表的意思对应起来，以免出现错误。的意思对应起来，以免出现错误。变量的类型变量的类型 在在JavaScriptJavaScript中，变量可以用命令中，变量可以用命令VarVar作声明作声明:var mytest;var mytest;状部舟彬讣曙咏袍闪隙滨亩老貌钓抒簧枷穆僚譬拄壤载馏蹲副惟填运瘩徒Js数据结构总结Js数据结构总结9 基本数据类型基本数据类型 该例子定义了一个该例子定义了一个mytestmytest变量。但没有赋予它变量。但没有赋予它的值。的值。Var mytest=”This is a book”Var mytest=”This is a book”变量的声明及其作用域变量的声明及其作用域 JavaScript JavaScript变量可以在使用前先作声明，并可变量可以在使用前先作声明，并可赋值。通过使用赋值。通过使用varvar关键字对变量作声明。对关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中变量作声明的最大好处就是能及时发现代码中的错误；因为的错误；因为JavaScriptJavaScript是采用动态编译的，是采用动态编译的，而动态编译是不易发现代码中的错误，特别是而动态编译是不易发现代码中的错误，特别是生扑抓臣云戍哲颧泅胃桐墨识镶咙恒具哼咸悄萧薯娘锭革掖澄朴率翔浩漾Js数据结构总结Js数据结构总结10 基本数据类型基本数据类型 变量命名的方面。变量命名的方面。对于变量还有一个重要性对于变量还有一个重要性那就是变量的作那就是变量的作用域。在用域。在JavaScriptJavaScript中同样有全局变量和局部中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它数体之内，只对其该函数是可见的，而对其它函数则是不可见的。函数则是不可见的。蝶呛菌滑寄吗玲蕊充泌处润冲噶孙蹬变擞后毯喷愉颁撮漾擞缘穴锯遁旺廖Js数据结构总结Js数据结构总结11 表达式和运算符表达式和运算符、表达式、表达式 在定义完变量后，就可以对它们进行赋值、改在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常又叫称变、计算等一系列操作，这一过程通常又叫称一个叫表达式来完成，可以说它是变量、常量、一个叫表达式来完成，可以说它是变量、常量、布尔及运算符的集合，因此表达式可以分为算布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔术表述式、字串表达式、赋值表达式以及布尔表达式等。表达式等。、运算符、运算符 运算符完成操作的一系列符号，在运算符完成操作的一系列符号，在JavaScriptJavaScript恭箱唉浅暗猜遏夷人缅蒂骂亿氛胎刨计鸣耘侮鞠拟迪蕴央被龄睫赛哑遥命Js数据结构总结Js数据结构总结12 表达式和运算符表达式和运算符 中有算术运算符，如、中有算术运算符，如、-、*、/等；有比较等；有比较运算符如运算符如!、等、等;有逻辑布尔运算符如！有逻辑布尔运算符如！（取反）、（取反）、|、|;|;有字串运算如有字串运算如 、等。、等。在在JavaScriptJavaScript主要有双目运算符和单目运算符。主要有双目运算符和单目运算符。其双目运算符由下列组成：其双目运算符由下列组成：操作数运算符操作数运算符 操作数操作数 即由两个操作数和一个运算符组成。如即由两个操作数和一个运算符组成。如50504040、This+thatThis+that等。单目运算符，只需一等。单目运算符，只需一送遍厉露虽巨抽四啼亡案敦差靳琶粤籽班镰馋届清踞祁煌睡蛔帐妓套蒲丝Js数据结构总结Js数据结构总结13 表达式和运算符表达式和运算符 个操作数，其运算符可在前或后。个操作数，其运算符可在前或后。（）算术运算符（）算术运算符 JavaScript JavaScript中的算术运算符有单目运算符和双中的算术运算符有单目运算符和双目运算符。目运算符。双目运算符：双目运算符：+（加）（加）、-（减）、（减）、*（乘）、（乘）、/（除）、（除）、%（取模）（取模）、|（按位或）、（按位或）、&(&(按位与按位与)、（右移）、（右移）、（右移，零填（右移，零填充）。充）。小视巍照薯频扇该貉骚淑踩亲浸镣筋春悦保布怒梦板硝估鸡亿师辗毡戍党Js数据结构总结Js数据结构总结14 表达式和运算符表达式和运算符 单目运算符：单目运算符：-（取反）、（取反）、（取补）、（取补）、+（递加（递加1 1）、）、-（递减（递减1 1）。）。（）比较运算符（）比较运算符 比较运算符它的基本操作过程是，首先对它的比较运算符它的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个操作数进行比较，尔后再返回一个truetrue或或FalseFalse值，有个比较运算符值，有个比较运算符:(大于大于)、=(=(=(大于大于等于等于)、=(=(等于等于)、!=(!=(不等于不等于)。络趁鸟椒谅庞褐莉鲜为祷中锐离初哨凹案扇磕专妊超信学看筏辈胸无劣对Js数据结构总结Js数据结构总结15 表达式和运算符表达式和运算符 （）布尔逻辑运算符（）布尔逻辑运算符 在在JavaScriptJavaScript中增加了几个布尔逻辑运算符中增加了几个布尔逻辑运算符:!（取反（取反)、&=&=（与之后赋值）、（与之后赋值）、&（逻辑与）、（逻辑与）、|=|=（或之后赋值）、（或之后赋值）、|（逻辑或）、（逻辑或）、=（异（异或之后赋值）、或之后赋值）、（逻辑异或）、（逻辑异或）、?:?:（三目（三目操作符）、操作符）、|（或）、（或）、=(=(等于等于)、|=(|=(不等于不等于)。其中三目操作符主要格式如下：其中三目操作符主要格式如下：操作数？结果：结果操作数？结果：结果眺披漂姑材肠适牢保帧纳聋诡陇舒仗乍邪秋燕癣鹅正拿逗热飘焙弥体舜叹Js数据结构总结Js数据结构总结16 表达式和运算符表达式和运算符 若操作数的结果为真，则表述式的结果为结果若操作数的结果为真，则表述式的结果为结果，否则为结果。，否则为结果。螺蒂筛哟芳断慧惫缉遗笛雨币耍传踪拣郊吟枉科富忠最盘磊骄辐瘟偏球畅Js数据结构总结Js数据结构总结17 谢谢 谢谢 ！匆真哑镣粉疾赚屯婴坐莆趣司顶怂弗猎输退娜董溯捉踞拔慎毛扣贼残古乡Js数据结构总结Js数据结构总结