JavaScript的学习日记六(数组对象的补充)


今天也是要努力的一天哦!
冲! 冲! 冲!

在这里插入图片描述
这是对前两篇的补充,附上链接。
含数组内容的链接: https://blog.csdn.net/m0_60263299/article/details/120789000?spm=1001.2014.3001.5501.
含对象内容的链接: https://blog.csdn.net/m0_60263299/article/details/120901661?spm=1001.2014.3001.5501.


一、数组的创建

数组的创建方法 举例内容
字面量方式 var arr = [1,“test”,true];
new Array() var arr = new Array();

具体的案例,请点击上面表情包下方含数组内容的链接。

注意:

  • 上面代码中arr创建出的是一个空数组,如果需要使用构造函数Array创建非空数组,可以在创建数组时传入参数。

参数传递规则如下:

  • 如果只传入一个参数,则参数规定了数组的长度
  • 如果传入了多个参数,则参数称为数组的元素

二、检测是否为数组

2.1 instanceof 运算符

  • instanceof 可以判断一个对象是否是某个构造函数的实例。
  • 代码如下(示例):
   var arr = [1, 23];
   var obj = {
    
    };
   console.log(arr instanceof Array); // true
   console.log(obj instanceof Array); // false

2.2 Array.isArray()

  • Array.isArray()用于判断一个对象是否为数组,isArray() 是 HTML5 中提供的方法。
  • 代码如下(示例):
   var arr = [1, 23];
   var obj = {
    
    };
   console.log(Array.isArray(arr));   // true
   console.log(Array.isArray(obj));   // false

三、添加删除数组元素的方法

3.1 添加数组元素方法

  • push() 在我们数组的末尾添加一个或者多个数组元素,返回新数组的长度。

  • unshift() 在我们数组的开头添加一个或者多个数组元素,返回新数组的长度。

3.2 删除数组元素方法

  • pop() 可以删除数组的最后一个元素,返回被删除的那个元素。

  • shift() 可以删除数组的第一个元素,返回被删除的那个元素。

四、数组排序

排序
代码如下(示例):

    //数组排序
    //1.翻转数组
    var arr = ['pink', 'red', 'blue'];
    arr.reverse();
    console.log(arr);

    //2.数组拍讯(冒泡排序)
    var arr1 = [3, 11, 7, 1, 13, 77];
    arr1.sort(function(a, b) {
    
    
        return a - b; //按照升序的排列
        // return b - a; //按照降序的排列
    });
    console.log(arr1);

五、数组索引方法

在这里插入图片描述
代码如下(示例):

    var arr = ['red', 'green', 'blue', 'pink'];
    console.log(arr.indexOf('blue'));        // 返回结果 2
    console.log(arr.lastIndexOf('pink'));    // 返回结果 3

六、数组转换为字符串

方法 内容
toString() 把数组转换成字符串,逗号分隔每一项;返回一个字符串
join() 用于数组中的所有元素转换为一个字符串;返回一个字符串
concat() 连接两个或者多个数组,不影响其他数组;返回一个新的数组
slice() 数组截取slice(begin,end);返回被截取的新数组
splice() 数组删除splice(第几个开始删除的个数);返回被删除项目的心数组,会影响原数组

七、字符串对象

7.1 字符串操作方法

在这里插入图片描述
代码如下(示例):

    //1.concat('字符串1','字符串2'....)
    var str = 'andy';
    console.log(str.concat('red'));
    //2.substr('截取的起始位置','截取几个字符'....)
    var str1 = '改革春风吹风地';
    console.log(str1.substr(2, 2)); //第一个2 是索引号的2 从第几个开始; 第二个2 取几个字符

7.2 根据字符返回位置

在这里插入图片描述
代码如下(示例):

    var str = '改革春风吹满地,春天来了';
    console.log(str.indexOf('春'));
    console.log(str.indexOf('春', 3)); //从索引号是3的位置开始查找

7.3 根据位置返回字符

在这里插入图片描述
代码如下(示例):

    //(1) charAt(index) 
    var str = 'andy';
    console.log(str.charAt(3));
    //遍历所有的字符
    for (var i = 0; i < str.length; i++) {
    
    
        console.log(str.charAt(i));
    }
    
    //(2) charCodeAt(index)   返回的是相应索引号的字符ASCII码
    //目的:判断用户按了那个键
    console.log(str.charCodeAt(0)); //97

    //(3) str[index]   获取指定位置处字符
    console.log(str[0]); //a

7.4 replace()方法

  • replace() 方法用于在字符串中用一些字符替换另一些字符。
  • replace(‘被替换的字符’,‘替换为的字符’);

7.5 split()方法

  • split()方法用于切分字符串,它可以将字符串切分为数组。在切分完毕之后,返回的是一个新数组。
  • 字符串.split(“分割字符”);

总结

学习日记是一个巩固知识的好方法,但是这样有点浪费时间。以后的内容希望能从介绍基本知识转变为介绍遇到的问题或者解决问题的博客,但是基础知识还是要巩固的,冲冲冲。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_60263299/article/details/120907124