我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript的基础语法和数据类型详解

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript的基础语法和数据类型详解

引入JavaScript

1.内部标签


<script>
	alert("hello world");
</script>

2.外部引入


<script class="lazy" data-src="js/abc.js"></script>

基础语法

定义变量


<script>
    var num = 1;
    alert(num);
</script>

条件控制


if (2>1)
{
    alert("true");
}

<script>
    var score = 65;
    // alert(num);
    if (score>60&&score<70)
    {
        alert("60-70")
    }
    else if (score>70&&score<80)
    {
        alert(70-80)
    }
    else
    {
        alert("other")
    }
</script>

console.log("hello world");在浏览器控制台输出

数据类型

number

js不区分整数和小数


123  //整数123
123.1   //浮点数123.1
1.122e3   //科学计数法
NaN  //not a number
Infinity  //无限大

字符串


'a' "abc"

正常时使用单引号或者双引号包裹,注意转义符号\


\'
\n   //换行
\t   //空格
\u4e2d   //unicode编码
\x41    //ascii

多行字符串的编写,使用反引号


var str = `haha
        nihao
        666`

模版字符串


let name='xay';
let words=`你好,${name}`;

字符串长度


word.length

字符串的特性,不可变

请添加图片描述

大小写转换


word.toUpperCase()
word.toLowerCase()

substring()是字符串截取函数


substring(1)  //从第一个字符串截取到最后一个
substring(1,3)  //[1,3)

布尔值


true false

逻辑运算


&& //与
|  //或
!  //非

比较运算符


=
==  //类型不一样,值一样也是真
===  //绝对等于,类型和值都必须一样

NaN===NaN返回的是false,只能通过isNaN(NaN)来判断

数组


<script>
    var arr = [1,2,3,4,5,'hello']
</script>

请添加图片描述

取数组下标时,如果越界了,会输出undefined

在给arr.length赋值后,数组长度也会发生变化,如果赋值过小,数组中的元素会丢失

indexOf可以通过元素获得其下标索引

请添加图片描述

slice() 可以截取数组的一部分,相当于字符串中的substring

请添加图片描述

push() pop()分别是向尾部压入和弹出元素

请添加图片描述

unshift() shift()分别是向头部压入和弹出元素

请添加图片描述

sort() 按照ascii排序

reverse() 反转

concat() 拼接数组

join() 用指定符号将数组拼接起来

请添加图片描述

对象

js中{…}表示一个对象,键值对描述属性xxxxx:xxxxx,多个属性之间使用逗号隔开,最后一个属性不加逗号


var person = {
    name: 'xay',
    age: 18,
    tags: ['js','java','python']
}

对象赋值

请添加图片描述

动态的删减属性delete person.name

请添加图片描述

对象属性的添加,直接赋值即可

请添加图片描述

判断属性是否在对象中

请添加图片描述

流程控制

if判断


if (2>1)
{
    alert("true");
}

<script>
    var score = 65;
    // alert(num);
    if (score>60&&score<70)
    {
        alert("60-70")
    }
    else if (score>70&&score<80)
    {
        alert(70-80)
    }
    else
    {
        alert("other")
    }
</script>

while循环


age=0;
while (age<100)
{
    age+=1;
    console.log(age);
}

for循环


for (let i = 0; i < 5; i++) {
    console.log(i);
}

for循环遍历数组


var arr=[1,2,3,4,5,6,7,8,9,10];
for (var num in arr)
{
    console.log(num)
}

Map和Set

Map


var map=new Map([['tom',100],['jack',90],['haha',80]]);
var name=map.get('tom');  //通过key获得value
console.log(name)

类似python中的字典,set()向Map中添加数据


map.set('admin',10);
map.delete('tom')  //map中的删除

请添加图片描述

Set

Set可以去重


var set=new Set([3,1,1,1,1]);

请添加图片描述


set.add(2)  //添加
set.delete(1)  //删除
console.log(set.has(3));  //是否存在3

iterator

遍历Map


var map=new Map([['tom',100],['jack',90],['haha',80]]);
for (let x of map)
{
    console.log(x);
}

遍历Set


var set=new Set([3,1,1,1,1]);
for (let x of set)
{
    console.log(x);
}

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript的基础语法和数据类型详解

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

JavaScript基础语法与数据类型实例分析

这篇文章主要讲解了“JavaScript基础语法与数据类型实例分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript基础语法与数据类型实例分析”吧!一、JavaScript语
2023-06-29

重学Go语言之基础数据类型详解

Go语言有非常强大的数据类型系统,其支持的数据类型大体上可分为四类:基础数据类型、引用数据类型、接口类型、复合类型。本文就来讲讲它们各自的用法吧
2023-02-28

Go语言数据类型详解:基本数据类型概述

go 语言提供了以下基本数据类型:bool:布尔型int:有符号整数uint:无符号整数float:浮点数complex:复数型byte:字符型string:字符串Go 语言数据类型详解:基本数据类型概述Go 语言是一门静态强类型编程语言
Go语言数据类型详解:基本数据类型概述
2024-04-03

编程热搜

目录