欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript基础知识点

程序员文章站 2022-05-06 18:13:34
...
JavaScript学习

标签(空格分隔)变量

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

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

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

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

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

3.变量声明与赋值

 var myvar=123;

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"};//这是对象


基本的表达式与运算符

1.基本表达式

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

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]='a';
var arr=[1]='b';
var arr=[2]='c';
var arr=[3]='d';//表达形式二
var arr=['a''b''c''d'];

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

var arr=['x',{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=['a','b'];
arr.length; //2arr[2]=;'c';
arr.length;  //3arr[9]='d';
arr.length;  //10arr[1000]='e';
arr.lengh;  //10001

可以发现,数组的数字键值不需要连续,length的属性的值总是等于最大的那个键值大1。

3.2 length属性是可写的。如果人为设置一个小雨当前成员个数的值,该数组的成员会自动减少到length设置的长度。

var arr=['a','b','c'];
arr.length;  //3arr.length=2;
arr;    //['a','b']

当数组的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=['a','b','c'];
for(var i=0; i<arr.length; i++){
console.log(arr[i]);
        }

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