JavaScript

'Boom'

已于 2022-03-02 16:28:54 修改

阅读量84

点赞数 1

分类专栏：心路历程文章标签： javascript

于 2021-04-08 18:05:29 首次发布

本文链接：https://blog.csdn.net/B000M/article/details/115527624

版权

心路历程专栏收录该内容

38 篇文章 0 订阅

订阅专栏

JavaScript

JavaScript是一门世界上最流行的脚本语言

一个合格的后端程序员，必须精通JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--JavaScript严格区分大小写-->
    <script>
        //1.定义变量  （变量类型 变量名 = 变量值）
        var score = 62;
        //2.条件控制
        if (score>60 && score<70){
            alert("60~70")
        }else if (score>70 && score<80){
            alert("60~70")
        }else {
            alert("other")
        }
        //console.log(score) 在浏览器的控制台输出变量
    </script>
</head>
<body>
</body>
</html>

逻辑运算

&&  两个都为真，结果为真
||  一个为真，结果为真
!   取反

比较运算符

=
==   等于（类型不一样，值一样，也会判断为true）
===  绝对等于（类型一样，值一样，结果为true）

这是JS的缺陷，坚持不要使用 == 比较

NaN===NaN，这个与所有的数值都不相等，包括他自己
只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题

console.log((1/3) === (1-2/3))

尽量避免使用浮点数

数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //每个属性之间使用逗号隔开，最后一个不需要添加
        var person = {
            name:"yrz",
            age:3,
            tags:['js','java','web','...']
        }
    </script>
</head>
<body>
</body>
</html>

严格检查模式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--局部变量建议使用 let 去定义-->
    <script>
        //'use strict'严格检查模式，必须写在JavaScript的第一行
        'use strict';
        //全局变量
        let i = 1;
    </script>
</head>
<body>
</body>
</html>

字符串

1.多行字符串编写

var msg = 
`hello
world
你好！`

2.模板字符串

let name = "yrz"
let msg = 
`你好呀,${name}`

3.substring

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

数组

Array可以包含任意的数据类型

1.长度

arr.length  //赋值，数组大小可以改变，如果赋值过小，元素就会丢失

2.通过元素获得下标索引

arr.indexof(2)  //字符串和数字不一样

3.**slice()**截取Array的一部分，返回一个新数组，类似于String中的substring

4.push()，pop()尾部

push():压入到尾部
pop():弹出尾部的一个元素

5.unshift(), shift()头部

unshift():压入到头部
shift():弹出头部的一个元素

6.sort()

(3)["B","C","A"]
arr.sort()
(3)["A","B","C"]

7.元素反转reverse()

(3)["A","B","C"]
arr.reverse()
(3)["C","B","A"]

8.concat()

(3)["C","B","A"]
arr.concat([1,2,3])
(3)["C","B","A",1,2,3]
arr
(3)["C","B","A"]

注意：concat()并没有修改数组，只是会返回一个新的数组

9.连接符join

(3)["C","B","A"]
arr.join('-')
"C-B-A"

对象

var person = {
            name:"lyc",
            age:3,
            email:1500200086@qq.com,
    		score:0
        }

1.对象赋值

person.name = "yrz"

2.动态的删减属性

delete person.name
true

3.动态的添加，直接给新的属性添加值即可

person.haha = "haha"

流程控制

forEach循环

var age = [231,56,48,22,655,48,656,56,4];
    age.forEach(function (value) {
        console.log(value)
    })

for…in

var age = [231,56,48,22,655,48,656,56,4];
    //for(var index in object){}
    for (var x in age){
        if (age.hasOwnProperty(x)){
            console.log("存在")
            console.log(age[x])
        }
    }

Map和Set

ES6新特性~

Map：

   'use strict'
    var map = new Map([['tom',80],['jack',50],['haha',100]]);
    var name = map.get('tom');
    map.set('lyc',100);  //新增或修改
	map.delete("tom")  //删除
    console.log(map)

Set：无序不重复的集合

var set = new Set([3,1,1,1,1,1]); //Set可以去重
        //[3,1]
        set.add(2);
        set.delete(1);
        console.log(set.has(3));  //是否包含某个元素

iterator

使用iterator来遍历我们的Map,Set!

'use strict'
var arr = [3,4,5]
for (var x of arr){
    console.log(x)
    //3,4,5
}
//for..in 下标
var arr = [3,4,5]
for (var x in arr){
    console.log(x)
    //0,1,2
}

遍历Map

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

遍历Set

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

'Boom'

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录