JavaScript数组(2个属性和11个方法总结,短小精悍)

 一、两个属性

1、lenght属性:设置或返回数组元素的个数

var aar =[18,"李四",false,3.33];
//length属性:设置或返回数组元素的个数
for (i=0; i<aar.length; i++){    
    console.log(aar[i]);
}

 

2、constructor属性:返回创建数组对象的原型函数

var arr = [1,2,3];
 // constructor属性:返回创建数组对象的原型函数
console.log(arr.constructor);

 

 二、11个方法

注:凡有带有原数组,代表原数组的内容会被修改

数组方法总结

方法

用法

push()

向数组的末尾添加一个或多个元素,并返回数组的新的长度
pop()删除数组最后一个元素,并返回被删除的元素
unshift()向数组开头添加一个或多个元素,并返回数组的新的长度
shift()删除数组第一个元素,并返回被删除的元素
forEach()遍历数组元素

slice()

从数组截取指定元素,不改变原始元素数组.   

slice(开始截取位置的索引,结束位置索引)
                1)包含开始索引,不包含结束索引。
                2)索引为负值从后往前计算 

splice()

将指定元素从原数组中删除,并将被删除的元素作为返回值返回.

        参数:
        第一个参数:表示开始位置的索引
        第二个参数:表示要删除的元素数量
        第三个参数及以后参数:表示在开始位置索引后边插入的一些元素。

concat()连接两个或多个数组及元素,并将连接的数组返回
join()将数组转换为一个字符串(数组元素用,或指定字符串为连接符),并返回字符串
reverse()反转原数组(前边的去后边,后边的去前边)

sort()

对原数组中的元素进行排序

 

注:默认会按照Unicode编码进行排序,所以对纯数字数组可能得到错误结果。

     所以处理数字数组排序要使用回调函数:

     如果需要升序排列,则返回 a-b

     如果需要降序排列,则返回 b-a 

课外提醒:插入表格标题后不能再设标题字号,修改了无数次才发现o(╥﹏╥)o

看看示例吧!

示例:

1.push():向数组的末尾添加一个或多个元素,并返回数组的新的长度(可以想象入栈,总是添加在栈的最后面)

var arr = [1,2,3];
var result=arr.push('李四');

 

 2.pop():删除数组最后一个元素,并返回被删除的元素(可以想象出栈,总是先弹出栈的最后一个)

var arr = [1,2,3];
    var result=arr.pop();
    console.log(arr);
    console.log(result);

 

 3.unshift():向数组开头添加一个或多个元素,并返回数组的新的长度

var arr = [1,2,3];
    //unshift()方法:向数组开头添加一个或多个元素,并返回新的数组长度
    result=arr.unshift('sv','李四',13);
    console.log(result);

 4.shift():删除数组第一个元素,并返回被删除的元素

var arr = ['张三','李四','我自己'];
    result=arr.shift();
    console.log(result);

 5.forEach:遍历数组元素

 var arr = ['张三','李四','我自己'];
    //创建一个回调函数 function(正在遍历的元素,正在遍历的索引,正在遍历的数组)作为foreach()方法的参数
    arr.forEach(function(value, index, arr1) {      
        arr1="";
        console.log("第"+(index+1)+"个元素值为:");
        console.log(value);
    });

 6.slice():从数组截取指定元素,不改变原始元素数组.    

        slice(开始截取位置的索引,结束位置索引)
                1)包含开始索引,不包含结束索引。
                2)索引为负值从后往前计算

var arr = ['张三','李四','我自己'];
    result=arr.slice(0,1);
    console.log(result);

7.splice():将指定元素从原数组中删除,并将被删除的元素作为返回值返回.

        参数:
        第一个参数:表示开始位置的索引
        第二个参数:表示要删除的元素数量
        第三个参数及以后参数:表示在开始位置索引后边插入的一些元素。

var arr1=[1,2,3,4,5,6];
    result=arr1.splice(0,1,'张三','18');
    console.log(result);
    console.log(arr1);

 8.concat():连接两个或多个数组及元素,并将连接的数组返回

var arr1=[1,2,3];
    var arr2=[4,5,6];
    result=arr1.concat(arr2,'连接成功');
    console.log(result);

9.join():将数组转换为一个字符串(数组元素用,或指定字符串为连接符),并返回字符串

var arr1=[1,2,3,4,5];
    result1=arr1.join();
    console.log(result1);
    result=arr1.join('+');
    console.log(result);

 10.reverse():反转原数组(前边的去后边,后边的去前边)

var arr=[1,2,3,4,5];
    arr.reverse();
    console.log(arr);

 11.sort():对原数组中的元素进行排序,并且返回排序后结果

var arr1=['b','h','a','img'];
    var arr2=[1, 3, 2, 11, 5, 6];    
    var result1=arr1.sort();
    var result2=arr2.sort();    //纯数字数组排序错误
    console.log(result1);
    console.log(result2);
    // 注:默认会按照Unicode编码进行排序,所以对数字数组可能得到错误结果。
    // 所以处理数字数组排序要使用回调函数:
    // 如果需要升序排列,则返回 a-b
    // 如果需要降序排列,则返回 b-a
    var arr = [1, 3, 2, 11, 5, 6];
      arr.sort(function (a, b) {
          return a - b;
      });
    console.log(arr);

  学习创作参考:学习JavaScript这一篇就够了_轻松的小希的博客-CSDN博客_javascript学习

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值