• JavaScript 数组


     参考自<<JavaScript权威指南 第6版>>, 直接上代码和注释

    //可以包含不同类型的元素
    var misc = [1.1,2,true,"string"];
    //省略的元素会被设置为undefined
    var misc = [1,,,3];
    //数组是特殊的对象, 支持动态扩展
    var misc = ["hello"];
    misc[1] = "roger";
    misc[2] = 100;
    //本质上,数组的索引就是对象属性名的一种特殊类型, 所以js中数组没有越界的概念, 当试图查询不存在属性时,返回undefined.
    //-- 所以完全可以使用负数和非整数来索引数组, 这种情况下数值转换为字符串, 字符串作为属性名用.
    misc[-1.23] = true; //可能是被单独保存, 就像对象的属性一样被记录.console.log(misc["-1.23"]);
    misc["1000"] = 100;
    misc[0.000] = "world"; // 会把 "hello" 修改, 因为索引转化为字符串 '0'
    console.log(misc.length); //长度是1001
    //在数组末尾添加
    misc.push("string");
    
    //判断数组
    var a = [];
    console.log(typeof(a)); //使用typeof返回值是 "object"
    console.log(Array.isArray(a)); // 可以使用Array.isArray(obj)判断: "true"
    console.log(Array.isArray({})); // 对象不是数组 : "false"
    
    //数组的操作
    var array = ["a","1","b","2","C"];
    //---join()---
    console.log(array.join("-")); // 用 - 连接数组元素, 不改变原数组
    //---reverse()---
    array.reverse(); //直接在原数组中重排
    console.log(array); // [ 'C', '2', 'b', '1', 'a' ]
    //---sort()---
    temp = array.sort(); //直接对原数组排序,改变原数组,同时返回排好序的原数组
    console.log(temp === array); // 返回的数组就是原数组
    console.log(array);//[ '1', '2', 'C', 'a', 'b' ]
    array.sort(function(s,t){//接收一个比较函数
        var a = s.toLowerCase();
        var b = t.toLowerCase();
        return a<b;
    });
    console.log(array);
    //----concat()---
    console.log(array.concat(["d","f"])); // 不会修改原始数组, 创建新数组连接后返回
    //---slice()----
    console.log(array.slice(0,-1)); //[ 'C', 'b', 'a', '2' ], 返回切片, 不修改原数组
    console.log(array.slice(0)); //[ 'C', 'b', 'a', '2', '1' ]
    //---splice()---, 参数: 删除/插入的位置(或称操作位置), 操作元素个数, 插入的元素, 返回删除的元素组成的数组
    console.log(array.splice(4)); //[ '1' ]  删除索引4后面的所有元素
    console.log(array); // [ 'C', 'b', 'a', '2' ] 修改了原始数组
    array.splice(2,0,'k','r');
    console.log(array);//[ 'C', 'b', 'k', 'r', 'a', '2' ]
    //---push/pop, unshift/shift
    //...so easy...
    
  • 相关阅读:
    github使用技巧
    转载---linux运维相关
    session 测试用例详解
    php中使用linux命令四大步骤
    Thinkphp常用的方法和技巧(转)
    转学步园:jquery offset
    jquery冒泡及阻止
    nginx搭建流媒体服务器的方法详解
    SetTimeOut jquery的作用
    再也不要说,jquery动画呆板了
  • 原文地址:https://www.cnblogs.com/roger9567/p/5036857.html
Copyright © 2020-2023  润新知