javascript入门学习第二篇——数组

数组创建的两种方法

①构造函数方式创建数组
下面展示一些 内联代码片

 var arr = new Array();
    arr[0] = 1;
    arr[1] = 2;
    var arr2 = new Array('a', 'b', 'c');

②字面量方式创建数组
下面展示一些 内联代码片

  var arr3 = [1, 2, 3, 4];

数组里面添加数据的三种方法

①push(向数组的末尾添加一个或更多元素,并返回新的长度。)

下面展示一些 内联代码片

var arr3 = [1, 2, 3, 4];
    arr3.push(9, 8);//向数组的末尾添加一个或更多元素,并返回新的长度。
    console.log(arr3);//[1,2,3,4,9,8]

②unshift(向数组的头部添加一个或更多元素,并返回新的长度。)
下面展示一些 内联代码片

  var arr3 = [1, 2, 3, 4];
    arr3.unshift(9, 8);//在数组头部添加
    console.log(arr3);//[9,8,1,2,3,4]

③splice(向数组指定位置添加元素)

 var arr3 = [1, 2, 3, 4];
    arr3.splice(2, 0, 8, 9);//第一个参数代表添加的位置,第二个参数代表个数(只有当其为0时才是在原数组的基础上添加元素,否则为在原数组上替换元素),后面的参数代表添加的元素
    console.log(arr3);//[1,2,8,9,3,4]
    arr3.splice(2, 2, 8, 9);//
    console.log(arr3);//[1,2,8,9];

注意:
splice()方法第一个参数代表添加的位置,第二个参数代表个数(只有当其为0时才是在原数组的基础上添加元素,否则为在原数组上替换元素),后面的参数代表添加的元素

两个数组合并的方法

①拓展运算符( […arr1,…arr2])

var arr1 = [1, 2, 3, 4];
    var arr2 = [6, 5, 7, 0];
   console.log( [...arr1,...arr2]);//[1, 2, 3, 4, 6, 5, 7, 0]

②concat方法(concat(arr1, arr2))

 var arr1 = [1, 2, 3, 4];
    var arr2 = [6, 5, 7, 0];
    console.log( concat(arr1, arr2));//[1, 2, 3, 4, 6, 5, 7, 0]

③for循环

 var arr1 = [1, 2, 3, 4];
    var arr2 = [6, 5, 7, 0];
    arr1.forEach(function (item, index) {
        arr2.push(item)
    });
    console.log(arr2);

数组的清空三种方法

①length方法

var arr1 = [1, 2, 3, 4];
    arr1.length = 0;
    console.log(arr1);

②splice方法

 var arr1 = [1, 2, 3, 4];
    arr1.splice(0);
    console.log(arr1);

③[]方法

 var arr1 = [1, 2, 3, 4];
    arr1 = [];
    console.log(arr1);

数组的截取方法(slice())

 var arr1 = [1, 2, 3, 4, 7, 8, 9, 6];
    var arr2 = arr1.slice(3, 7);//两个参数分别代表:开始截取的位置,和截止截取的位置(注意最后一个元素不包含在内)
    console.log(arr2);//(4,7,8,9)

注意:
slice()方法两个参数分别代表:开始截取的位置,和截止截取的位置(注意最后一个元素不包含在内)

数组的删除方法(pop(),shift())

var arr1 = [1, 2, 3, 4, 7, 8, 9, 6];
    arr1.shift();//删除数组的第一个元素
    console.log(arr1);// [2, 3, 4, 7, 8, 9, 6]
var arr1 = [1, 2, 3, 4, 7, 8, 9, 6];
    arr1.pop();//删除数组的第一个元素
    console.log(arr1);// [1,2, 3, 4, 7, 8, 9]

一些js方法的学习:主要关注它的参数及返回值类型
https://www.w3school.com.cn/jsref/jsref_obj_array.asp (方法查询网站,里面更详细)

以上是我对数组的一些总结:
如有错误的地方,欢迎指出,我会及时更正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值