关于JavaScript中的数组见解~

148 阅读2分钟

数组是什么?!

数组(Array) :把具有相同类型的若干元素按有序的形式组织起来的一种形式, 这些有序排列的同类数据元素的集合称为数组。

例如: let arr = ['yetoday1','uname','skyblue','red'];

为啥要用数组捏?~!

因为有些时候需要存储很多数据总不能一个个声明吧! 所以这个时候就阔以用到数组 举个栗子~

//栗子:
//需求:存储六个学生的姓名
//以前的写法: 弊端:代码冗余~
let uname1 = '撒子给' ;
let uname2 = '哪里痛' ;
let uname3 = '哦必拓' ;
let uname4 = '樱岛麻衣' ;
let uname5 = '路飞' ;
let uname6 = '索罗' ;

//用了数组之后:
let arrName = ['撒子给','哪里痛','哦必拓','樱岛麻衣','路飞','索罗'];
//逐渐上头~

那我们进入正题叭!

如何创建数组捏:

  1.声明语法:
  let 数组名 = [数据1,数据2,...,数据n];
因为数组是按照顺序来保存的所以数组里面的数据都是有自己的编号的!
计算机里面的编号是从0开始的所以数组里面数据的编号也是从0开始!
在数组中,数组的编号也叫索引或者是下标,数组可以存储任意类型的数据~

修改和访问数组:

  举个栗子:
  1.声明一个数组
  let arrName = ['撒子给','哪里痛','哦必拓','樱岛麻衣','路飞','索罗'];
  
  2.访问数组
  //因为数组的下标是从0开始的
  arrName = [0]  //访问的是撒子给
  console.log(arrName[0]);//打印在控制台里面
  arrName = [1]  //访问的是哪里痛
  console.log(arrName[1]);
  arrName = [3]  //访问的是樱岛麻衣
  console.log(arrName[2]);
  //获取数组的长度
   console.log(arrName.length);
  
  3.修改数组
  arrName[1] = '鸣人'
  console.log(arrName[1]);

那我们该如何获取数组里面的所有内容捏!?

/*首先我们得获取到数组的长度用到length 
使用方法是: arr.length
length 常用于遍历数组
举个栗子:*/
//1.声明一个数组
let num = [5,9,6,3,7,4];
//2.用for循环来遍历数组
//从第0个下标开始循环
for(let i = 0; i < num.length; i++){
    //3.控制台打印出遍历数组的内容
    console.log(num[i]);
}

一个好玩的知识:

字符串和数组之间的转换:
//这是一个字符串
let myData = 'yetoday,skyblue,red,to';
//我们可以用split()方法来让字符串转换成数组
let myArray = myData.split(',')//用逗号隔开
//再将这个数组转换成字符串 用到join方法,join方法可以指定不同的分隔符 
let myString = myArray.join(',');
----------------------------------------------
也可以用to String()来转换成字符串
let arr = ['red','skyblue','yetoday'];
arr.toString()

两个数组合并:
//
let arr = ['yetoday', 'red', ' = =', 1, 0];
let arr2 = ['skyblue', 'to', 'on'];
let arrNew = arr.concat(arr2)
console.log(arrNew);

操作数组(增) :

添加元素
 //数组名.push(元素) 是在末尾新增元素 (可以一次添加一个或多个) 
 //数组名.unshift(元素) 在开头新增元素  (可以一次添加一个或多个)

        let arr = ['yetoday1', 66, 'pink', 'to..to']
        console.log(arr);
        arr.push('我是被新增的一个元素', '我也是一个被新增的')
        console.log(arr);
        arr.unshift('我是来插队的', '我也是')
        console.log(arr);

操作数组(删) :

删除元素
   /*
        数组名.pop() 删除最后一个元素
        数组名.shift()删除第一个元素
        数组名.splice()指定下标开始删除元素

        */
        let arr = ['------>', '厉害~', 'yetoday1', '<-------']
        console.log(arr);
        //删除最后一个元素
        arr.pop()
        console.log(arr);
        //删除第一个元素
        arr.shift()
        console.log(arr);
        // 数组名.splice()指定下标开始删除元素
        let arrSplice = ['------>', '厉害~', 'yetoday1', '<-------']
        arrSplice.splice(1, 1)
        console.log(arrSplice);
        //从下标1开始删除到最后
        arrSplice.splice(1)
        console.log(arrSplice);

谢谢观看~.~