JS 基础学习
标签:
1.开发工具选择开发工具推荐 visual studio code,为了能够右键运行代码,需要安装插件 CodeRunner。
关于运行:必须先保存,在运行,如果不保存运行不会成功;
2.快速入门 2.1 数组声明数组: var arr = [] 即可,声明一个非空数组 var arr = [1,2,"hello",null];
数组中的内容可以是任意的数据类型;
获取数组中的值:arr[i],,其中 i 为数组元素对应的索引值,从 0 开始;
获取数组长度:直接调用 length 方法。例如获取数组 arr 的长度,直接写 arr.length即可,注意没有 ();另:可以根据 length 任意修改数组长度,比如原数组为 var arr = [1,2,3] 此时数组长度为 3 ,如果想改变其长度为 10,直接调用 arr.length = 10 即可,此时数组 arr 的长度即为 10;
js 中的数组即使越界,但是不会报错,只是值会为 undefined
数组中的其他方法
方法名 方法描述indexOf() 获取数组指定元素的索引位置
slice(i) 数组截取,如果 i 为3,就截取索引从 3 到数组结束作为新数组
slice(startIndex,endIndex) 数组截取,从 startIndex 下标开始,到 endIndex 下标结束,包含 startIndex,但是不包括 endIndex
push(新元素 a,新元素 b ...) 在数组末尾加入元素,例如现有数组 arr = [1,2,3],arr.push(4,5) 此时数组 arr 会变为:[1,2,3,4,5]
pop() 删除数组的最后一个元素,例如现有数组 arr = [1,2,3],arr.pop(),此时数组会变为 [1,2]
unshift() 在数组头部加入元素,例如现有数组 arr = [1,2,3],arr.unshift(4,5) 此时数组 arr 会变为:[4,5,1,2,3]
shift() 删除数组的开头第一个元素,例如现有数组 arr = [1,2,3],arr.shift(),此时数组会变为 [2,3]
sort() 默认数组排序,比如原数组 arr = [B,C,A],调用此方法可以变为 arr = [A,B,C]
reverse() 实现数组反转
splice()
从数组指定索引位置删除若干元素,而后从该位置添加新元素;此方法可以说是 push()、pop()、unshift()、shift() 方法的全部实现且实现了扩展,必须牢牢掌握;具体有以下三种应用形态
1.先删除元素在添加元素
var arr = [1, 2, 3, "hello world", null];
//代表从 索引3 开始删除,到索引 4 结束删除,然后添加了两个新元素 hello、world
arr.splice(3,4,"hello","world");
//此时获取的新数组 arr = [1,2,3,"hello","world"]
console.log(arr);
2.只删除元素,不添加元素
var arr = [1, 2, 3, "hello world", null]; //删除索引3到索引4的元素 arr.splice(3,4); //此时获取到的新数组 arr = [1,2,3] console.log(arr);
3.只添加元素,不删除元素
var arr = [1, 2, 3, "hello world", null]; //添加的元素在 索引位置 之前添加,索引结束位置为0代表不删除 arr.splice(3,0,"hello","world"); //此时返回的新数组 arr = [ 1, 2, 3, ‘hello‘, ‘world‘, ‘hello world‘, null ] console.log(arr);
concat()
将两个数组进行合并返回一个新的数组,原数组不予改变;示例如下:
var arr = [1, "bb", 3, "hello world", 4]; var arry = [3,4,5]; var nArr = arr.concat(arry); console.log(arr);//arr = [ 1, ‘bb‘, 3, ‘hello world‘, 4 ] console.log(nArr);//nArr = [ 1, ‘bb‘, 3, ‘hello world‘, 4, 3, 4, 5 ]
join()
把数组中的每个元素都按照指定字符串进行拼接,返回拼接后的字符串;示例如下:
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/41043.html
- 上一篇:基础网络之EfficientNet
- 下一篇:php如何实现三级分销求助