JavaScript中基础语法和数据类型的示例分析

这篇文章主要介绍了JavaScript中基础语法和数据类型的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

引入JavaScript

1.内部标签

2.外部引入

基础语法

定义变量

条件控制

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

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

数据类型

number

js不区分整数和小数

123  //整数123123.1   //浮点数123.11.122e3   //科学计数法NaN  //not a numberInfinity  //无限大

字符串

'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)来判断

数组

取数组下标时，如果越界了，会输出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");}

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获得valueconsole.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);}

感谢你能够认真阅读完这篇文章，希望小编分享的"JavaScript中基础语法和数据类型的示例分析"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!