码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript使用方法和数据结构

时间:2020-04-05 22:18:13      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:javascrip   png   alert   比较运算符   部分   运算   赋值   width   集合   

  JavaScript是一种运行在浏览器中的解释型的编程语言,在Web世界里,只有JavaScript能跨平台、跨浏览器驱动网页,与用户交互。

  1、如何运行:随便打开一个网页,按下F12或者找到菜单->更多工具->开发者工具,进入开发者页面后点击Console(控制台)

例如在控制台输入:alert(‘我要学JavaScript!‘);

技术图片

  输入代码,按下回车键,在该网络页面下就会弹出如上图的方框,点击确定页面消失

  2、注释

// 以双斜杠开头直到行末的是注释,注释是给人看的,会被浏览器忽略

/* 在这中间的也是注释,将被浏览器忽略 */

  3、在控制台输入:console.log(‘Hello‘);

控制台就会输出Hello

技术图片

使用console.log()代替alert()的好处是可以避免弹出烦人的对话框

   4、JavaScript不区分整数和浮点数:

123; // 整数123
0.456; // 浮点数0.456
1.2345e3; // 科学计数法表示1.2345x1000,等同于1234.5
-99; // 负数
NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity

它可以直接做四则运算,还有求余%

  5、字符串:“xyz”或者‘abc’,注意“”和‘’不是字符串的一部分

  6、布尔值:True、False

&&与运算,||或运算,!非运算

比如在控制台运行:

var age = 15;
if (age >= 18) {
    alert(‘adult‘);
} else {
    alert(‘teenager‘);
}

输出:

技术图片

 网页直接弹出teenager

  7、比较运算符:

输入:2>5  输出:false

输入:2<=5  输出:true

输入:7==7 输出:true

输入:7===7 输出:true

==会自动转换数据类型再比较,===不会自动转换数据类型在比较,坚持使用===

输入:NaN==NaN  输出:false

输入:isNaN(NaN) 输出:true

输入:1/3==(1-2/3)  输出:false

  8、null和undefined的区别:

null表示一个空的值,和“”或者‘’不一样,0表示是一个数值

  9、数组:

①、通过Array()创建数组:new Array(1, 2, 3);

②、使用[]:var arr = [1, 2, 3.14, ‘Hello‘, null, true];

控制台输入:var arr=[1,2,3.14,‘Hello‘,null,true],按下回车,输入arr[0],输出1,按下arr[2],输出3.14

技术图片

   10、对象:JavaScript的对象是一组由键-值组成的无序集合

var person = {
    name: ‘Bob‘,
    age: 20,
    tags: [‘js‘, ‘web‘, ‘mobile‘],
    city: ‘Beijing‘,
    hasCar: true,
    zipcode: null
};

输入;person.name  输出‘’Bob‘’

技术图片

   11、变量:用一个变量名表示,变量名是大小写英文、数字、$_的组合,且不能用数字开头。变量名也不能是JavaScript的关键字,如ifwhile

var a; // 申明了变量a,此时a的值为undefined
var $b = 1; // 申明了变量$b,同时给$b赋值,此时$b的值为1
var s_007 = ‘007‘; // s_007是一个字符串
var Answer = true; // Answer是一个布尔值true
var t = null; // t的值是null

  12、var:如果变量没有使用var,那这个变量成了全局变量

  13、转义字符:\n表示换行,\t表示制表符,\\表示的字符就是\

如何打印:I‘m "OK"!     输入:I\‘m \"OK\"!  

技术图片

ASCII字符可以以\x##形式的十六进制表示,例如:‘\x41‘等同与‘A‘

\u###表示unicode字符,例如:‘\u4e2d\u6587‘等同于“中文”

  14、多行字符串:前后用反引号`

`我爱中国
我爱中国
我爱中国`

  15、连接字符串

var name = ‘小明‘;
var age = 20;
var message = ‘你好, ‘ + name + ‘, 你今年‘ + age + ‘岁了!‘;
alert(message);

技术图片

 

JavaScript使用方法和数据结构

标签:javascrip   png   alert   比较运算符   部分   运算   赋值   width   集合   

原文地址:https://www.cnblogs.com/Mr-choa/p/12639254.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!