首页 web前端 js教程 JavaScript基础知识点

JavaScript基础知识点

Feb 07, 2017 pm 02:41 PM
javascript

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]=&#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;];
登录后复制

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

var arr=[&#39;x&#39;,{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=[&#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
登录后复制

可以发现,数组的数字键值不需要连续,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;]
登录后复制

当数组的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=[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;];
for(var i=0; i<arr.length; i++){
console.log(arr[i]);
        }
登录后复制

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



本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用WebSocket和JavaScript实现在线语音识别系统 如何使用WebSocket和JavaScript实现在线语音识别系统 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript实现在线语音识别系统引言:随着科技的不断发展,语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统,具备了低延迟、实时性和跨平台的特点,成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系

WebSocket与JavaScript:实现实时监控系统的关键技术 WebSocket与JavaScript:实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript:实现实时监控系统的关键技术引言:随着互联网技术的快速发展,实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用,并给出代码示例,详细解释其实现原理。一、WebSocket技

如何使用WebSocket和JavaScript实现在线预约系统 如何使用WebSocket和JavaScript实现在线预约系统 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript实现在线预约系统在当今数字化的时代,越来越多的业务和服务都需要提供在线预约功能。而实现一个高效、实时的在线预约系统是至关重要的。本文将介绍如何使用WebSocket和JavaScript来实现一个在线预约系统,并提供具体的代码示例。一、什么是WebSocketWebSocket是一种在单个TCP连接上进行全双工

如何利用JavaScript和WebSocket实现实时在线点餐系统 如何利用JavaScript和WebSocket实现实时在线点餐系统 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket实现实时在线点餐系统介绍:随着互联网的普及和技术的进步,越来越多的餐厅开始提供在线点餐服务。为了实现实时在线点餐系统,我们可以利用JavaScript和WebSocket技术。WebSocket是一种基于TCP协议的全双工通信协议,可以实现客户端与服务器的实时双向通信。在实时在线点餐系统中,当用户选择菜品并下单

简易JavaScript教程:获取HTTP状态码的方法 简易JavaScript教程:获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程:如何获取HTTP状态码,需要具体代码示例前言:在Web开发中,经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时,我们经常需要获取返回的HTTP状态码来判断操作是否成功,根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码,并提供一些实用的代码示例。使用XMLHttpRequest

JavaScript和WebSocket:打造高效的实时天气预报系统 JavaScript和WebSocket:打造高效的实时天气预报系统 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的实时天气预报系统引言:如今,天气预报的准确性对于日常生活以及决策制定具有重要意义。随着技术的发展,我们可以通过实时获取天气数据来提供更准确可靠的天气预报。在本文中,我们将学习如何使用JavaScript和WebSocket技术,来构建一个高效的实时天气预报系统。本文将通过具体的代码示例来展示实现的过程。We

如何在JavaScript中获取HTTP状态码的简单方法 如何在JavaScript中获取HTTP状态码的简单方法 Jan 05, 2024 pm 01:37 PM

JavaScript中的HTTP状态码获取方法简介:在进行前端开发中,我们常常需要处理与后端接口的交互,而HTTP状态码就是其中非常重要的一部分。了解和获取HTTP状态码有助于我们更好地处理接口返回的数据。本文将介绍使用JavaScript获取HTTP状态码的方法,并提供具体代码示例。一、什么是HTTP状态码HTTP状态码是指当浏览器向服务器发起请求时,服务

javascript中如何使用insertBefore javascript中如何使用insertBefore Nov 24, 2023 am 11:56 AM

用法:在JavaScript中,insertBefore()方法用于在DOM树中插入一个新的节点。这个方法需要两个参数:要插入的新节点和参考节点(即新节点将要被插入的位置的节点)。

See all articles