当前位置:首页 > Web开发 > 正文

JS 基础学习

2024-03-31 Web开发

标签:

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