Blogger Information
Blog 27
fans 1
comment 0
visits 22527
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
把JS数组相关函数案例、常用事件案例练习一遍-2019年10月22日
思杰的博客
Original
624 people have browsed it

把JS数组相关函数案例、常用事件案例练习一遍


数组跟php差不多,区别在于JavaScript不能自定义数组下标,如果自定义一个数字下标,那么中间的下标虽然没有数据,但是数组长度还是会出错。常用的数组函数有以下几个。


array.push();

往数组尾部添加一个元素

var arr = [1,2,3,4];
arr.push('abc');
console.log(arr);

1.png

array.pop();

从数组尾部弹出一个元素

var arr = [1,2,3,4];
var num1 = arr.pop();
console.log(num1);
var num2 = arr.pop();
console.log(num2);

2.png

array.shift();

头部获取,并删除第一个元素

var arr = [1,2,3,4];
var num1 = arr.shift();
console.log(num1);
var num2 = arr.shift();
console.log(num2);
console.log(arr);

3.png

array.unshift();

头部添加,并返回新的长度

var arr = [1,2,3,4];
arr.unshift('aabc');
console.log(arr);

image.png

array.splice(index,howmany);

删除数组中的元素,index:从哪里开始删,howmany:删多少个元素

var arr = [1,2,3,4];
arr.splice(1,2);
console.log(arr);

image.png

array.indexOf(searchvalue,fromindex) 注意indexOf里的O是大写

查找某个元素在数组中的下标。searchvalue:要查找的元素,fromindex:从哪里开始搜索

var arr = [1,2,3,4,'asda',23];
var index = arr.indexOf('asda',2);
console.log(index);

image.png

Correction status:qualified

Teacher's comments:在ES6又扩展了一些数组方法, 有空可以了解一下
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments