js入门(ES6)[二]---声明和操作变量(包含详细数组操作)

声明和操作变量

声明变量

重要的事情说三遍，多看文档
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>

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

扫描二维码关注公众号，回复： 12140563 查看本文章

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>

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

多加练习哦

大家好，我是代码哈士奇，是一名软件学院网络工程的学生，因为我是“狗”，狗走千里吃肉。想把大学期间学的东西和大家分享，和大家一起进步。但由于水平有限，博客中难免会有一些错误出现，有纰漏之处恳请各位大佬不吝赐教！暂时只在csdn这一个平台进行更新，博客主页：https://blog.csdn.net/qq_42027681。

未经本人允许，禁止转载

在这里插入图片描述

后续会推出

前端：vue入门 vue开发小程序等
后端： java入门 springboot入门等
服务器：mysql入门服务器简单指令云服务器运行项目
python：推荐不温卜火一定要看哦
一些插件的使用等

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

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