Rumah > hujung hadapan web > tutorial js > JavaScript基础知识点

JavaScript基础知识点

黄舟
Lepaskan: 2017-02-07 14:41:56
asal
1041 orang telah melayarinya

JavaScript学习

标签(空格分隔)变量

1.啥叫变量
变量是一个存储书数值的容器;

2.游戏规则
【变量命名】变量可以用字母、数字以及下划线(_)或者美元符($)组成。

1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。

2.变量名区分大小写,如:myvar与myVarhi两个不同的变量。

3.不允许使用JavaScript关键字和保留字作为变量名,比如break,Boolean。

3.变量声明与赋值

 var myvar=123;
Salin selepas log masuk

4.数据类型

  • string(字符串)

  • Nubmber(数字)

  • Boolean(例如true和false只有两个类型)

  • 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"};//这是对象
Salin selepas log masuk


基本的表达式与运算符

1.基本表达式

在JavaScript中,使用+来连接字符串是,其他变量也都会转成为字符串进行连接哦~

var y="you";
var mysay="I"+"love"+y; //=后面是串表达式,mysay值是字符串
var mynum=12+6*2;//=后面是数值表达式,mynum值是数值
var mynum>12;//=后面是布尔表达式,mysay值是布尔值
Salin selepas log masuk

2.运算符

2.1算数运算符
比如:+-8*/

var num=24;
var myresult1=++num%4+6*2;//myresult是多少呢?
var myresult2=num%4+6*2;//myresult是多少呢?
Salin selepas log masuk

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;];
Salin selepas log masuk

2.可以装什么?
任意一种类型的数据,都可以放进数组里面。

var arr=[&#39;x&#39;,{a:1},[1,2,3], 
fucation(){return true;}];
arr[0];  //stringarr[1];  //Objectarr[2];  //Arrayarr[3];  //fucation
Salin selepas log masuk

由此可见,数组中的元素也可以是一个数组,我们把这种形式称为多维数组。

var arr=[[1,2],[3,4]];
arr[0][1];  //2arr[1][1];  //4
Salin selepas log masuk

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
Salin selepas log masuk

可以发现,数组的数字键值不需要连续,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;]
Salin selepas log masuk

当数组的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);
Salin selepas log masuk

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]);
Salin selepas log masuk

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]);
Salin selepas log masuk

7.使用数组字面量
要得到一个该数组元素的值,只需要用数组变量并提供一个索引。

var myarr=["小雷","小可","小新","小明","月影"];
var mynum=4;
console.log("学号为4的是"+myarr[mynum]);
Salin selepas log masuk


8.多维数组嵌套

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

知识点扩展
简单的for循环:

var arr=[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;];
for(var i=0; i<arr.length; i++){
console.log(arr[i]);
        }
Salin selepas log masuk

以上就是JavaScript基础知识点的内容,更多相关内容请关注PHP中文网(www.php.cn)!



Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan