JavaScript数组简介及方法实例代码

1 篇文章 0 订阅

数组的作用:

使用单独的变量名来存储一系列的值。

语法:
var数组名 = newArray(); //创建数组时不指定长度
var数组名 = newArray(长度值); //创建数组时指定长度

创建一个名字叫num的数组:
var num = new Array();

创建一个名字叫name的数组,长度是5:
var name = new Array(5);

注:
1.创建的数组是空数组,如果输出,则显示undefined。

2.虽然创建数组时,指定了长度,但实际上数组都是可变长度的,也就是说即使指定了长度,仍然可以将元素存储在规定长度以外。

如何给数组里的每一个元素赋值呢?需要依靠下标来标示每一个元素

语法:数组名[下标] = 值;

var num = new Array();
			num[0] = 1;
			num[1] = 2;
			... ...
			num[4] = 5;

如何取得数组中元素的值呢?仍然需要依靠下标。

document.write(num[0]);
			document.write(num[1]);
			... ...
			document.write(num[4]);

运行结果:1,2,3,4,5

在创建数组的同时直接给数组赋值

第一种方法:

var num = new Array(66,80,90,77,59);      //创建数组同时赋值

第二种方法:

var num = [66,80,90,77,59];       //直接输入一个数组

注: 数组可以存储任何类型的数据

数组中常用方法

(数组是Object类型,所以数组具有属性和方法。)
在这里插入图片描述

实例代码:

1.数组是一个值得集合,没一个值都有一个索引号,我们称之为下标,下标是从 0开始的,每一个下标对应一个值。
2.数组中的每一个值称为元素,一个数组中有几个元素称为长度

var arr = new Array(5)
   arr[0] = "你好";
   arr[1] = 25;
   arr[2] = 36;
   arr[3] = 47;
   arr[4] = 58;
   console.log(arr)

数组遍历:
使用for循环

var num = [56,54,89,33,21];
   for(var i = 0;i<=num.length;i++){
    console.log(num[i])
   }

数组的长度可以进行赋值 length = 0 表示清空数组。

数组的方法:

push在数组的尾部添加新元素

var arr = [56,5,54,69,87,33]
   arr.push(88)

pop移除数组的最后一个元素

var arr = [56,5,54,69,87,33]
arr.pop()

unshift在数组的头部添加新元素

var arr = [56,5,54,69,87,33]
arr.unshift(99)

shift移除数组的第一个元素

var arr = [56,5,54,69,87,33]
arr.shift()

sort 排序 -是按照字母顺序进行排序的-依次以元素的第一位数进行排序
排序的时候需要进行参数的添加

var arr = [56,5,54,69,87,33]
arr.sort(function(num1,num2){
    return num1-num2
   })

reverse反转

var arr = [56,5,54,69,87,33]
arr.reverse()

join 把数组转化为字符串

var arr = [56,5,54,69,87,33]
var str = arr.join()
   console.log(str)

split 将一个字符串分割成一个数组

var str = "2020-08-04";
   var newArr = str.split(" ");
   console.log(newArr)

splice 删除(开始位置,删除元素的长度)

var arr = [56,5,54,69,87,33]
arr.splice(2,2)
   console.log(arr)

slice截取数组片段(开始索引,结束索引)

var arr = [56,5,54,69,87,33]
var newArr = arr.slice(0,3)
   console.log(newArr)

截取开始索引到结束的所有的元素

var arr = [56,5,54,69,87,33]
var newArr = arr.slice(1)
   console.log(newArr)

总结

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值