文档章节

JavaScript零基础入门——(八)JavaScript的数组

JandenMa
 JandenMa
发布于 06/19 02:20
字数 753
阅读 16
收藏 0

JavaScript零基础入门——(八)JavaScript的数组

欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一节课,我们来讲一讲,JavaScript的数组。

之前我们有讲过,数组是用方括号包裹起来的一种存放数据的类型。但其实呢,数组在JS中是作为一种对象(即Array对象)存在,既然是对象,就会有它的属性和方法,至于为什么一定会有,我们后边的课再讲。

首先,我们来说一下数组的定义。一般来说,数组的定义有两种,一种是我们常见的用方括号来告诉程序,我是一个数组,具体表现为var arr = [];而另一种呢是比较标准的写法,即通过new Array来实现。通常情况下,我们的每一个数组,只存一种类型的变量。我们来看看代码:

var arr1 = [12,5,8];

var arr2 = new Array(12,5,8);

刚刚说了,作为Array对象,就一定有它的属性。Array的属性有不少,但我们常用的基本上只有一个,那就是length,即数组长度,这是一个可set可get的属性,也就是说我们可以取到它的值,也可以给他赋值,而赋值我们常常用于清空数组。来看代码:

var arr = [12,5,8,33];

console.log(arr.length);//4

arr.length = 0;

console.log(arr);//空的

说完属性,我们来说方法。JS数组的方法其实有很多,其中最常用的是五类数组操作方法,我们分别来看一下。

  • 添加元素
  1. push(item)——从尾部加一个数组元素;
  2. unshift(item)——从头部加一个数组元素;
  • 删除元素
  1. pop()——从尾部弹出一个元素;
  2. shift()——从头部弹出一个元素;
var arr = [12,5,8];

arr.push(33);

console.log(arr);//[12,5,8,33]

arr.unshift(1);

console.log(arr);//[1,12,5,8,33]

arr.pop();

console.log(arr);//[1,12,5,8]

arr.shift();

console.log(arr);//[12,5,8]
  • 排序
  1. sort([比较函数]),如果不传比较函数,默认只按字符串排序;
var arr = [12,99,65,8,24,16];

arr.sort(function(n1,n2){
    if(n1>n2){
        return 1;
    }else if(n1==n2){
        return 0;
    }else{
        return -1;
    }
});

arr.sort(function(n1,n2){
    return n1-n2;
});
  • 转换
  1. concat——两个数组连接;
  2. join(连接符)——将元素用连接符连接后返回字符串;
var arr = [12, 5, 8];

var arr2 = [6, 2, 3];

arr = arr.concat(arr2);

console.log(arr); //[12,5,8,6,2,3]

arr = arr.join('/')

console.log(arr); //12/5/8/6/2/3
  • 万能的splice
  1. 插入——splice(startIndex,0,item1,item2..);
  2. 删除——splice(startIndex,deleteLength);
  3. 先删后插入——splice(startIndex,deleteLength,item1,item2...);
var arr = [12, 5, 8];

arr.splice(1,0,16);

console.log(arr); //[12,16,5,8]

arr.splice(2,1);

console.log(arr); //[12,16,8]

arr.splice(1,1,10,18);

console.log(arr); //[12,10,18,8]

好了,这节课简单的了解了JavaScript的数组,希望大家自己敲一敲。下一节课,我们来讲一讲JavaScript中的函数。

                                                                                                       

如果想跟着振丹继续学习,可以微信关注【振丹敲代码】(微信号:JandenCoding)

新博文微信同步推送,还附有讲解视频哦~

也可直接扫描下方二维码关注。

© 著作权归作者所有

共有 人打赏支持
JandenMa
粉丝 12
博文 28
码字总数 27794
作品 0
汕头
JavaScript零基础入门——(十三)JavaScript的事件

JavaScript零基础入门——(十三)JavaScript的事件 大家好,欢迎回到我们的JavaScript零基础入门。上一节课,我们了解了JavaScript定时器,也演示了一些比较经典的例子,其实我们已经用到了...

JandenMa
07/01
0
0
jQuery零基础入门——(二)Selector选择器

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎回到我们的jQuery零基础...

JandenMa
07/01
0
0
前端学习之路(从入门到入坑...)

学习前端两年多了,拿了阿里巴巴实现offer,想结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考...

阿小庆
06/14
0
0
JavaScript零基础入门——(十二)JavaScript的定时器

JavaScript零基础入门——(十二)JavaScript的定时器 大家好,欢迎回到我们的JavaScript零基础入门。上一节课我们讲了JavaScript中一些常用的DOM操作,这里要补充一个点,上节课讲的table几...

JandenMa
06/27
0
0
JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa
06/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
4
0
现场看路演了!

HiBlock
昨天
8
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
7
0
官方精简版Windows10:微软自己都看不过去了

微软宣布,该公司正在寻求解决方案,以减轻企业客户的Windows 10规模。该公司声称,企业客户下载整个Windows 10文件以更新设备既费钱又费时。 微软宣布,该公司正在寻求解决方案,以减轻企业...

linux-tao
昨天
9
0
TypeScript基础入门之JSX(二)

转发 TypeScript基础入门之JSX(二) 属性类型检查 键入检查属性的第一步是确定元素属性类型。 内在元素和基于价值的元素之间略有不同。 对于内部元素,它是JSX.IntrinsicElements上的属性类型...

durban
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部