美文网首页
1.1 JS常用的对象

1.1 JS常用的对象

作者: 不会忘的名字 | 来源:发表于2021-10-20 17:28 被阅读0次
<script type="text/javascript">
    //注意: jQuery中常用都是 对象:{} 和 数组集合:[]

    //1.对象 也可以使用, let obj = new Object();
    let _obj = {};
    //对象赋值: 对象没有该元素,则追加该元素; 有该元素,则覆盖该元素的值.
    _obj.id = 0;
    _obj.userName = 'admin';
    _obj.passWord = 'admin123';
    console.log(_obj);

    //2.数组集合
    //2.1 数组 : 直接在里面添加值
    let _numArr = [];
    /**
     * 数组方法
     *  1.push(): 向数组末尾添加一个或者多个元素, 并返回数组新的长度值
     *  2.pop(): 该方法删除数组的最后一个元素,并将被删除的元素作为返回值返回
     *  3.join(): 把数组的所有元素放入到一个字符串中,元素通过指定的符号进行间隔
     *  4.reserve(): 颠倒数组顺序. sort(): 对数组进行排序
     */
    let number = _numArr.push("10",20,true);
    console.log(_numArr);
    console.log(number); //3

    let str1 = _numArr.join(",");
    console.log("str1:",str1); //str1: 10,20,true

    //数组遍历
    for (let i = 0; i < _numArr.length; i++) {
        console.log("arr:",_numArr[i]);
    }

    /**
     * 数组的切片截取
     * slice(start, end): 从数组中截取指定区间的的元素 -- [start, end),区间为index值, 不包括end处截取值
     *  该方法不会影响原数组, 返回值是截取的元素组成的新数组
     */
    let num = [10,12,22,"30",55,6];
    let slice = num.slice(1,4);
    console.log("slice",slice);

    /**
     * splice(start, nums, [item]): 用于删除数组中指定元素, 会影响原数组, 会将指定元素从数组中删除.
     *   start: 表示开始删除的元素index.  nums: 删除元素个数. item: 替换的值,删除操作的话item为空
     *   这个函数可以当做remove封装使用
     */
    let splice = num.splice(3,1);
    console.log(splice);
    console.log("num:",num);

    /**
     * 删除数组中指定元素
     * @param val
     */
    Array.prototype.remove = function(val) {
        let index = this.indexOf(val);
        if (index > -1) {
            this.splice(index, 1);
        }
    };

    /**
     * 利用数组indexOf方法去重
     * array.indexOf(item,statt) 返回数组中某个指定的元素的位置,没有则返回-1
     * @type {number[]}
     */
    let arr =[1,-5,-4,0,-4,7,7,3];
    function unique(arr){
        let arr1 = [];       // 新建一个数组来存放arr中的值
        for(let i=0; i<arr.length; i++){
            if(arr1.indexOf(arr[i]) === -1){
                arr1.push(arr[i]);
            }
        }
        return arr1;
    }
    console.log(unique(arr));    // 1, -5, -4, 0, 7, 3


    //2.2 集合 : 往里面添加的是对象
    let _objArr = [];
    _objArr.push(_obj);
    console.log(_objArr);

    //利用上述写remove方法删除集合中的对象
    //_objArr.remove(_objArr[0]);
    //console.log("删除后",_objArr);
</script>

相关文章

  • 1.1 JS常用的对象

  • Javascript第四章内置函数、函数的基本用法第一课

    js的内置对象是js自带,封装了一些常用的方法,供开发者使用,可以无需创建对象直接使用。常用的js内置对象有:St...

  • 17-对象的实例化、内存分配与访问定位演示

    一、对象的实例化 1.1、创建对象常用的方式 -1、最常用的方式 2、Class的newInstance 3、Co...

  • JS对象

    1、JS中的对象(Object) 1.1、创建空白对象 1.2、构造函数(就是为了创建对象实例) 一、可以创建对象...

  • js 常用方法总结

    字符串的常用属性,概览 Array对象的方法; 详细js数组常用方法大全

  • js 对象的继承

    一、理解 js 对象 1.1 创建对象 法一: 法二: 1.2 属性(property)类型 1.2.1 数据属性...

  • JS 的面向对象

    JS 不是一门面向对象的语言,但是很多情况我们需要面向对象。 一、JS 继承的常用写法。 为什么一上来就写常用写法...

  • js基础(三)

    js基础 原型链和原型对象 ... ... js没有继承原型对象prototype通常用来添加公共的属性或行为且只...

  • js常用知识点总结-String对象

    js常用知识点总结-String对象 使用String对象: String对象属性: 属性描述constructo...

  • JS原型链

    1什么是JS原型链? 通过__proto__属性将对象与原型对象进行连接. 1.1 JS原型链的作用? 组成的一个...

网友评论

      本文标题:1.1 JS常用的对象

      本文链接:https://www.haomeiwen.com/subject/mdwtaltx.html