美文网首页
JavaScript数组使用手册

JavaScript数组使用手册

作者: iMikasa_ | 来源:发表于2021-12-29 17:15 被阅读0次

JavaScript是一门让我又爱又恨的“语言”,就像他的名字一样,脚本语言,但由于nodejs它也可以有了脱离浏览器的运行环境,我爱她的语法简单随意,但是因为她的简单随意让我知其然又不知其然,所以我打算记录一个专题,专门记录JavaScript中,实用技术,或者是恼人的技术。。。


JavaScript中的数组

//普通声明数组的方式
let array = [1,23,45];
//奇怪的写法,但是这样是对的
let array = [1,23,4.5,'abc',null,true];

可以看到,js中的数组不仅仅是一组数了,他可以是不同类型的一组数了,当然这样也没有啥意义,学习不宜追求没有意义的东西

接下来,我主要关注数组的一些方法上。

indexOf

indexOf()用来获取指定元素所在位置,如

array.indexOf('abc')        //3,这个3是‘abc’在数组中的索引
slice()

slice()的作用是截取数组的指定部分,返回新数组,如

let a = [2,45,23,452,31,24,334,46,97];
a.slice(0,3);        //[ 2, 45, 23 ]
a.slice(3);          //[ 452, 31, 24, 334, 46, 97 ]
a.slice();           //返回原数组

第一个参数是起始位置(截取时包括),第二个参数是末尾位置(截取时不包括)

pop()

pop()的作用是删除数组中的最后一个元素,并返回那个被删除的最后一个元素

push()

push()的作用是在数字后面添加若干元素,并返回数组长度,如

a.push(12,23);
shift()

shift()的作用是删除数组中的第一个元素,并返回那个被删除的第一个元素

unshift()

unshift()的作用是在数组前面添加若干元素,并返回数组长度,如

a.unshift(45,57);
sort()

排序

let b = [45,64,34,23,75,90]
b.sort()          //[ 23, 34, 45, 64, 75, 90 ]
reverse()

反转数组

b.reverse()        //[ 90, 75, 64, 45, 34, 23 ]
splice()

splice()是操作数组的万能方法,常见操作如下

let arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
join()

可以将数组元素连接起来,如下

b.join(',')      //'90,75,64,45,34,23'

相关文章

  • JavaScript数组使用手册

    JavaScript是一门让我又爱又恨的“语言”,就像他的名字一样,脚本语言,但由于nodejs它也可以有了脱离浏...

  • 06-JavaScript数组和函数

    JavaScript数组 JavaScript中的数组可以存储不同类型的数据 JavaScript中的数组是引用类...

  • JavaScript Array与String简单使用

    JS对象:数组 对比Object-C中的数组,JavaScript数组有一些不一样的特点JavaScript数组:...

  • js数组及其方法

    1.js 数组及其方法2.教你用好 Javascript 数组3.JavaScript数组有哪些方法?4.数组MD...

  • JavaScript 学习脑图

    javascript数据类型 javascript变量 javascript运算符 javascript数组 ja...

  • JavaScript数组与函数

    数组 JavaScript中的数组和C语言中的数组一样, 都是用于存储一组数据的 JavaScript中的数组可以...

  • JavaScript(Day02)

    1、JavaScript数组 2、JavaScript对象的使用 3、JavaScript内置对象

  • Javascript数组系列三之迭代方法2

    今天我们来继续 Javascript 数组系列的文章,上文 《Javascript数组系列二之迭代方法1》 我们说...

  • per-course数组

    数组是数据的有序列表。JavaScript中,数组中的每一项可以保存任何类型的数据JavaScript中,数组的长...

  • JavaScript 数组方法大全

    JavaScript 数组方法大全 数组创建 JavaScript 中创建数组的方法有两种方式,第一种是使用Arr...

网友评论

      本文标题:JavaScript数组使用手册

      本文链接:https://www.haomeiwen.com/subject/ugivqrtx.html