0

0

JavaScript基础知识点

黄舟

黄舟

发布时间:2017-02-07 14:41:56

|

1256人浏览过

|

来源于php中文网

原创

javascript学习

标签(空格分隔)变量

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

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

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

立即学习Java免费学习笔记(深入)”;

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)!

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

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

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

1226

2026.02.13

微博网页版主页入口与登录指南_官方网页端快速访问方法
微博网页版主页入口与登录指南_官方网页端快速访问方法

本专题系统整理微博网页版官方入口及网页端登录方式,涵盖首页直达地址、账号登录流程与常见访问问题说明,帮助用户快速找到微博官网主页,实现便捷、安全的网页端登录与内容浏览体验。

402

2026.02.13

Flutter跨平台开发与状态管理实战
Flutter跨平台开发与状态管理实战

本专题围绕Flutter框架展开,系统讲解跨平台UI构建原理与状态管理方案。内容涵盖Widget生命周期、路由管理、Provider与Bloc状态管理模式、网络请求封装及性能优化技巧。通过实战项目演示,帮助开发者构建流畅、可维护的跨平台移动应用。

252

2026.02.13

TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

39

2026.02.13

Redis高可用架构与分布式缓存实战
Redis高可用架构与分布式缓存实战

本专题围绕 Redis 在高并发系统中的应用展开,系统讲解主从复制、哨兵机制、Cluster 集群模式及数据分片原理。内容涵盖缓存穿透与雪崩解决方案、分布式锁实现、热点数据优化及持久化策略。通过真实业务场景演示,帮助开发者构建高可用、可扩展的分布式缓存系统。

119

2026.02.13

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

77

2026.02.12

雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法
雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法

本专题系统整理雨课堂网页版官方入口及在线登录方式,涵盖账号登录流程、官方直连入口及平台访问方法说明,帮助师生用户快速进入雨课堂在线教学平台,实现便捷、高效的课程学习与教学管理体验。

17

2026.02.12

豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法
豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法

本专题汇总豆包AI官方网页版入口及在线使用方式,涵盖智能写作工具、图片生成体验入口和官网登录方法,帮助用户快速直达豆包AI平台,高效完成文本创作与AI生图任务,实现便捷智能创作体验。

902

2026.02.12

PostgreSQL性能优化与索引调优实战
PostgreSQL性能优化与索引调优实战

本专题面向后端开发与数据库工程师,深入讲解 PostgreSQL 查询优化原理与索引机制。内容包括执行计划分析、常见索引类型对比、慢查询优化策略、事务隔离级别以及高并发场景下的性能调优技巧。通过实战案例解析,帮助开发者提升数据库响应速度与系统稳定性。

124

2026.02.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.1万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号