文档章节

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

JandenMa
 JandenMa
发布于 06/19 02:20
字数 753
阅读 14
收藏 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
粉丝 11
博文 27
码字总数 26392
作品 0
汕头
JavaScript零基础入门——(十三)JavaScript的事件

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

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

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

阿小庆
06/14
0
0
JavaScript零基础入门——(十一)JavaScript的DOM操作

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

JandenMa
06/25
0
0
JavaScript零基础入门——(十二)JavaScript的定时器

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

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

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

JandenMa
07/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JS三元运算示例

1. topFlag=topFlag ==0?1:0; 等于 if(topFlag=00){ topFlag=1; }else if(topFlag == 1){ topFlag=0; } 2. 5>3?alert('5大'):alert('3大'); 即 if(5>3){alert('5大')}else{alert('3大')}; 注......

森火
今天
0
0
利用Slf4j的MDC跟踪方法调用链

why? 一个web项目通常提供很多URL访问地址, 项目一般都是分层处理,例如Controller——>Service——>DAO。 如果想根据日志查看用户一次请求都走了哪些方法(多数是查错误)。 如果系统是多人...

杨春炼
今天
10
0
Maven介绍及安装

Maven介绍及安装 以下内容是本人早期学习时的笔记,可能比较详实繁琐,现在复习一下Maven,顺便将内容抛出来,供大家一起学习进步。 一、Maven简介 Maven是Apache旗下的一款项目管理工具,是...

星汉
今天
0
0
小程序Aes解密

主要步骤: 1、下载AES源码(JS版) 2、在小程序中新建一个公共的文件夹,把AES源码拷贝进去(注意:需要暴露接口 module.exports = CryptoJS;) 3、添加一个用于加密解密的公共JS,可取名为...

Mr_Tea伯奕
今天
0
0
Go实现文件传输(基本传输可用)

发送端 package mainimport ("fmt""os""net""io")func SendFile(path string, connect net.Conn){file, oerr :=os.Open(path)if oerr !=nil{fmt.Println("Open", oerr)......

CHONGCHEN
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部