JS从零开始(19)

94 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第19天,点击查看活动详情

大小写转换

两个方法:toLowerCase()//小写toUpperCase()//大写 举例:

var str1 = 'abcdefg';
console.log(str1.toUpperCase());//ABCDEFG
var str2 = 'ABCDEFG';
console.log(str2.toLowerCase());//abcdefg

数组

我们在前面提到过数组,但是数组到底是什么呢? 实际上数组也是用来存储数据的,数组里面的数据称为数组元素,数组中的元素可以是任何数据类型,因为数组的存储性能比普通的对象要好很多,所以我们在开发中通常使用数组来存储一些重要数据

数组的创建

数组的创建一般有两种方式:

  • 关键字new创建(自定义对象)
  • 字面量创建(用的最多)

关键字new创建

构造函数创建数组需要传参,传递的参数不同创建的数组也不同,如:

//多个参数,有数组元素
var array1 = new Array(1, 2, 3, 4, 5);
console.log(array1);
//一个参数,数组元素皆null
var array2 = new Array(1);
console.log(array2);
//没有参数,为空数组
var array3 = new Array();
console.log(array3);

image.png

ps:但是这种方法在开发中用的并不多,用的最多是是下面这种方法,字面量创建

字面量创建

这种方法最简单易懂和,也最常用

var arr = [1, 2, 3, '你好', 'lll'];
console.log(arr);

image.png

需要注意的是,如果我们打印超出数组索引,那么返回的结果是undefined而不是null,如果我们需要把数组中的所有值全部打印一遍,那我们可以用到之前讲的循环语句。

        var arr = [1, 2, 3, '你好', 'lll'];
        console.log(arr);
        //挨个打印
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        console.log(arr[3]);
        console.log(arr[4]);
        console.log(arr[5]);//undefined
        //一起打印
        for (var i = 0; i <= arr.length; i++) {
            console.log(arr[i]);
        }

image.png

下面我们来做一个题,计算数组的和及平均值

        var arr = [2, 6, 1, 7, 4];
        var sum = 0;
        var average = 0;
        for (var i = 0; i < arr.length; i++) {
            sum += arr[i];
        }
        average = sum / arr.length;
        console.log(sum, average);//输出多个变量值  20 4

这里也用到了之前讲的for循环,同样,我们也看到了数组也是通过索引来访问数组元素的,因此可以通过变量i来进行操作。