js数组

时间:2024-05-23 16:55:32

js数组

  • 数组的创建

  • 1字面量创建
    js数组

数组元素之间用逗号隔开

  • 2 构造函数创建
    js数组

  • 数组的遍历

  • 1显示单个数组的元素
    js数组

显示单个数组元素的方式为 数组名[下标]
注意: 数组下标从0开始

  • 2数组元素遍历
    js数组
    js数组

数组名.length的返回值为当前数组名的数组长度也就是数组元素的个数
注意数组的下标是从0开始,但数组的长度是从1开始计算的 ,所以如果你想找到数组中的最后一个元素的话为数组名[数组名.length-1]
例如:

js数组
js数组

  • 二维数组
  • 二维数组的写法
    js数组

二维数组就是一维数组的每个元素也是一个数组,中间还是用逗号隔开

  • 2二维数组的遍历

    • 2.1 二维数组的单个数组元素显示
      js数组
      js数组

二位数组的单个元素显示与一维数组的显示差别不大,只是二维数组需要两个下标,两个坐标可以理解为一个是行坐标,一个是列坐标

  • 2.2 二维数组的元素遍历
    js数组
    js数组

二维数组遍历需要两个for循环,二维数组可以理解为行和列 我们先找到一共几行,那么行怎么找呢,可以用数组名[数组名.length],那么列的长度就是数组名[行].length

  • 数组方法
方法名 作用
reverse 对数组元素进行翻转操作

用法:数组名.reverse()
js数组
js数组

reverse会改变原先的数组,不会生成新数组

方法名 作用
concat 将两个数组合并成一个新的数组

用法:数组名.concat() 参数可以是数组名也可以是[1,2,3,4]

js数组
js数组

我们发现用了concat后数组没有变化,那么由此可以得出concat不能改变原数组所以我们对上面的代码进行修改
js数组
js数组

方法名 作用
push 将元素添加到数组的最后面

用法:数组名.push(参数1,参数2,参数n)

js数组
js数组

方法名 作用
pop 将数组中的最后一个元素,从数组中删除

js数组
js数组

方法名 作用
unshift 将元素添加到数组的最前方

用法:数组名.unshift(参数1,参数2,参数n)

js数组
js数组

注意:用unshift时如果同时添加多个,他们的顺序是不会倒序排列的

方法名 作用
shift 将数组中的第一个元素从数组中删除

用法:数组名.shift()

js数组
js数组

方法名 作用
join 将数组里的元素转换成字符串,用参数指定的分隔符进行连接

用法:数组名.join(分隔符)

js数组
js数组

方法名 作用
slice 将数组元素从start截取到end位置

用法:数组名.slice(start,end)

js数组
js数组

我们发现用了slice后输出结果没有改变,所以我们知道slice不能改变原数组,所以,我们对代码进行修改

js数组
js数组

slice(2,3)的意思是从索引为2的元素截取,截取到索引为3的元素为止,根据结果我们可以得出slice方法的截取,截取不到end位置的元素

js数组

js数组

slice(2)的意思为从索引为2的元素开始截取,从结果我们可以看出如果没有end的时候它会一直向后截取,知道结束

js数组
js数组

slice(-3)的意思为从倒数第三个元素向后截取,注意这里用的不是索引它是从倒数第一个开始计算的

方法名 作用
splice 在数组的指定位置删除或插入元素

用法:数组名.splice(start,删除元素的个数,插入到start位置的元素1…n)

js数组
js数组

方法名 作用
indexOf 查找元素在数组中的索引位置

** 用法:数组名.indexOf(要查找的元素,start)**

js数组
js数组

indexOf(3)的意思是查找1在数组中的位置,然后返回索引值为2。如果找不到就返回-1 start 就是从什么位置开始查找

方法名 作用
lastIndexOf 从后向前找查找元素在数组中的索引位置

用法:数组名.lastIndexOf(要查找的元素,start)

js数组
js数组

astIndexOf(3)的意思是查找3在数组中的位置不过他是从后往前查找的,然后返回索引值为2。如果找不到就返回-1 虽然lastIndexOf是从后往前查找,但是他的开始位置还是根据索引位置来定的