js入门(ES6)[二]---声明和操作变量
代码哈士奇 111 2

声明变量

重要的事情说三遍,多看文档 JavaScript ES6

常用三种声明方式

let 局部变量 var全局变量 let只能声明一次 var可声明多次: const 声明一个静态变量,只可读且不可修改

<script type="text/javascript">
    let a = 1;
    var b = 1;
    const c = 1;
    let a = 2;
    var b = 3;
    c = 5;
    console.log("c=" + c)
</script>

会出现下面两个错误

a已经被声明 在这里插入图片描述 给常值变量赋值 在这里插入图片描述

数组

声明数组

new Array(); new Array(size); new Array(element0, element1, ..., elementn);

<script type="text/javascript">
    let arrayOne = new Array();
    console.log(arrayOne + "大小" + arrayOne.length)
    let arrayTwo = new Array(10);
    console.log(arrayTwo + "大小" + arrayTwo.length)
    let arrayThree = new Array(1, 2, 3, 4, "dog");
    console.log(arrayThree + "大小" + arrayThree.length)
    let arrayFour = new Array(1, 2, 3, 4, "dog", ["2", "s"]);
    console.log(arrayFour + "大小" + arrayFour.length)
</script>

在这里插入图片描述 为什么三和四数据输出的一样,但是大小不一样呢 注意三中为 "2","s" 四中为 ["2","s"] []中无论多少,都算一个 数组下标从0开始: 也就是说arrayFour[0] = 1; arrayFour[1] = 2;



数组对象方法

concat()拼接数组 join()数组元素插入字符串,可按照指定分隔符分隔 pop()删除末尾元素 push()添加末尾元素 reverse()倒序 slice() 返回选定范围元素 sort()排序 splice() 删除元素,可同时添加元素 toString()数组转换为字符串 unshift()开头添加元素 valueOf()返回数组对象的原始值

concat()拼接数组

<script type="text/javascript">
            let array = new Array(1,2,3,4);
            console.log(array.concat(arrayTwo))
            console.log(array)
        </script>

返回结果 在这里插入图片描述 返回拼接字符串,未改变原数组

join()数组元素插入字符串,可按照指定分隔符分隔

<script type="text/javascript">
    let array = new Array(1, 2, 3, 4);
    let arrayTwo = new Array(5, 6, 7);
    console.log(array.join())
    console.log(array.join("*")) //按照*分割
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回字符串,未改变原数组

pop()删除末尾元素

<script type="text/javascript">
    let array = new Array(1, 2, 3, 4);
    console.log(array.pop())
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回了末尾元素4,改变了原数组

push()添加末尾元素

<script type="text/javascript">
    let array = new Array(1, 2, 3, 4);
    console.log(array.push(5))
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回了末尾元素,改变了原数组

reverse()倒序

<script type="text/javascript">
    let array = new Array(1, 2, 3, 4);
    console.log(array.reverse())
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回了倒序,改变了原数组

slice() 返回选定范围元素

<script type="text/javascript">
    let array = new Array(1, 2, 3, 4, 5, 6);
    console.log(array.slice(1))
    console.log(array.slice(2))
    console.log(array.slice(2, 4))
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回了下标元素(array[1])到末尾,下标元素(array[2])到末尾,下标元素(array[2])到(array[4])之间不包括(array[4])的元素,未改变原数组

sort()排序

<script type="text/javascript">
    let array = new Array("d", 3, 1, 2, 4, 5, 6, "a", "c", "b");
    console.log(array.sort())
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回了排序完成结果,改变了原数组

splice() 删除元素,可同时添加元素

<script type="text/javascript">
    let array = new Array(1, 2, 3, 4, 5);
    console.log(array.splice(2)) //删除元素(array[2]也就是数字3)以后的元素(包括)array[2],返回删除的元素
    console.log(array)
    array = new Array(1, 2, 3, 4, 5);
    console.log(array.splice(0, 1)) //删除元素(array[0]也就是数字1到array[1]也就是数字2之间的元素(包括)array[0]不包括array[1],返回删除的元素
    console.log(array)
    array = new Array(1, 2, 3, 4, 5);
    console.log(array.splice(0, 1, "a")) //删除元素(array[0]也就是数字1到array[1]也就是数字2之间的元素(包括)array[0]不包括array[1],添加元素"a"到删除元素位置,返回删除的元素
    console.log(array)
    array = new Array(1, 2, 3, 4, 5);
    console.log(array.splice(0, 2, "a", "b"))
    //删除元素(array[0]也就是数字1到array[2]也就是数字3之间的元素(包括)array[0]不包括array[1],添加元素"a","b"到删除元素位置,返回删除的元素
    console.log(array)
</script>

返回结果 在这里插入图片描述

array.splice(2)//删除元素(array[2]也就是数字3)以后的元素(包括)array[2],返回删除的元素

array.splice(0,1)//删除元素(array[0]也就是数字1到array[1]也就是数字2之间的元素(包括)array[0]不包括包括array[1]

array.splice(0,1,"a")//删除元素(array[0]也就是数字1到array[1]也就是数字2之间的元素(包括)array[0]不包括array[1],添加元素"a"到删除元素位置,返回删除的元素

array.splice(0,2,"a","b")//删除元素(array[0]也就是数字1到array[2]也就是数字3之间的元素(包括)array[0]不包括array[1],添加元素"a","b"到删除元素位置,返回删除的元素

toString()数组转换为字符串

<script type="text/javascript">
            let array = new Array(1,2,3,4,5,"a");
            console.log(array.toString())
            console.log(array)
        </script>

返回结果 在这里插入图片描述

返回了字符串,未改变原数组

unshift()开头添加元素

<script type="text/javascript">
    let array = new Array(1,2,3,4,5,"a");
    console.log(array.unshift("b"))
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回了新的数组长度,改变了原数组

valueOf()返回数组对象的原始值

<script type="text/javascript">
    let array = new Array(1, 2, 3, 4, 5, "a");
    console.log(array.valueOf())
    console.log(array)
</script>

返回结果 在这里插入图片描述 返回了数组对象原始值(并非初始值),未改变愿数组

多加练习哦



  大家好,我是代码哈士奇,是一名软件学院网络工程的学生,因为我是“狗”,狗走千里吃肉。想把大学期间学的东西和大家分享,和大家一起进步。但由于水平有限,博客中难免会有一些错误出现,有纰漏之处恳请各位大佬不吝赐教!

未经本人允许,禁止转载

在这里插入图片描述


后续会推出

前端:vue入门 vue开发小程序 等 后端: java入门 springboot入门等 服务器:mysql入门 服务器简单指令 云服务器运行项目 一些插件的使用等

大学之道亦在自身,努力学习,热血青春 如果对编程感兴趣可以加入我们的qq群一起交流:974178910 在这里插入图片描述

有问题可以下方留言,看到了会回复哦

预览图
评论区

索引目录