JavaScript-数组（new Array）

创建数组的俩种方式：
1、利用数组字面量

var arr = [1, 2, 3];
console.log(arr);    //输出结果为1，2，3

2、利用new Array()

var arr1 = new Array(); //创建了一个空的数组
var arr2 = new Array(2); //里面的2表示数组的长度为2，输出结果我2个空的数组元素
var arr3 = new Array(2, 3); //等价于[2,3]表示里面有2个数组元素为2,3

检测是否为数组
（1）instanceof 运算符，用来检测是否为数组

var arr = [];
var obj = {};
console.log(arr instanceof Array); //true
console.log(obj instanceof Array); //false

（2）Array.isArray(参数)；H5新增的方法，ie9以上版本支持

var arr = [];
var obj = {};
console.log(Array.isArray(arr)); //true
console.log(Array.isArray(obj)); //false

添加删除数组元素的方法

方法名	说明	返回值
push(参数1...)	末尾添加一个或多个元素，注意修改原数组	返回新的长度
pop()	删除数组最后一个元素，把数组长度减1 无参数、修改原数组	返回它删除的元素的值
unshift(参数1....)	向数组的开头添加一个或更多元素，注意修改原数组	返回新的长度
shift()	删除数组的第一个元素，数组长度减1，无参数、修改原数组	返回第一个元素的值

1、push()在数组的末尾，添加一个或者多个数组元素 ``` var arr = [1, 2, 3]; arr.push(4); console.log(arr); console.log(arr.push(4,'你好')); //输出结果为5数组的长度 ``` ● push是可以给数组追加新的元素 ● push()参数直接写数组元素即可 ● push完毕之后，返回的结果是新数组的长度 ● 原数组也会发生变化 2、unshift 在数组的开头添加一个或者多个元素

var arr = [1, 2, 3];
arr.unshift(4)console.log(arr); //输出结果为4,1,2,3console.log(arr.unshift('red', 'purple')); //输出结果为6

● unshif给数组前面追加新的元素
● unshift()参数直接写数组元素即可
● unshift完毕之后，返回的结果是新数组的长度
● 原数组也会发生变化
3、pop()可以删除数组的最后一个元素

 var arr = [1, 2, 3, 4];
arr.pop();
console.log(arr); //输出结果为1,2,3
console.log(arr.pop()); //输出结果为3

● pop()删除数组的最后一个元素，注意：一次只能删除一个元素
● pop()没有参数
● pop()完毕之后，返回的结果是删除的那个元素
● 原数组也会发生变化
4、shift()删除数组的第一个元素

 var arr = [1, 2, 3, 4];
arr.shift();
console.log(arr); //输出结果为2,3,4
console.log(arr.shift()); //输出结果为2

● shift()可以删除数组的第一个元素，一次只能删除一个元素
● shift()没有参数
● shift()完毕之后，返回的结果是删除的那个元素
● 原数组也会发生变化
小案例
数组去重

//数组去重
var arr = [0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 5];
var newArr = [];
for (var i = 0; i <= arr.length; i++) {if (arr[i] != arr[i + 1]) {newArr.push(arr[i])}
}
console.log(newArr);

数组排序

方法名	说明	是否修改原数组
reverse()	颠倒数组中元素的顺序，无参数	该方法会改变原来的数组，返回新数组
sort()	对数组的元素进行排序	该方法会改变原来的数组，返回新数组

reverse翻转数组

<script>
var arr = [1, 2, 3, 4, 5, 6];arr.reverse();console.log(arr);    //输出结果为6，5，4，3，2，1
</script>

sort()数组排序（冒泡排序）

<script>
var arr1 = [6, 9, 8, 7, 4, 2, 3, 6, 5, 4];
arr1.sort();
console.log(arr1);   //输出结果[2, 3, 4, 4, 5, 6, 6, 7, 8, 9]
var arr2 = [13, 4, 77, 1, 7];
arr2.sort(function(a, b) {return a - b; //升序的顺序排列// return b - a; //降序的顺序排列
})
console.log(arr2);
</script>

数组索引方法

方法名	说明	返回值
indexOf()	数组中查找给定元素的第一个索引	如果存在返回索引号，如果不存在，则返回-1
lastIndexOf()	在数组中的最后一个的索引	如果存在则返回索引号，如不存在，则返回-1

var arr = ['red', 'green', 'blue', 'pink', 'blue']
console.log(arr.indexOf('blue')); //2console.log(arr.lastIndexOf('blue')) //4

案例：数组去重

<script>
function unique(arr) {var newArr = [];for (var i = 0; i < arr.length; i++) {if (newArr.indexOf(arr[i]) === -1) {newArr.push(arr[i])}}return newArr;}console.log(unique([1, 1, 2, 2, 3, 3, 4, 4, 5, 6, 6]));</script>

数组转换为字符串

//tostringvar arr = [1, 2, 3]console.log(arr.toString());  //输出结果为黑色1，2，3//join（分隔符）var arr1 = [1, 2, 3]console.log(arr.join('-'))   //输出结果为1-2-3

JavaScript-数组（new Array）相关推荐

扩展JavaScript数组（Array）添加删除元素方法
为JavaScript数组(Array)扩展添加删除元素方法作者:jcLee95:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 ...
javascript数组（array）的常用方法（shift/unshift/pop/push/concat/splice/reverse/sort/slice/join）
数组array 今天简单的介绍一下array对象的常用方法(shift/unshift/pop/push/concat/splice/reverse/sort/slice/join)在这就不多说直接撸 ...
JavaScript数组类型详解
大家好,今天我们来分享一下JavaScript数组类型 Array可以包含任何的数据类型打开浏览器: 创建数组: var arr =[1,2,3,4,5,6,7,8,9] undefined 截图: ...
java 2wei shuzu_JavaScript 2维数组(JavaScript 2 dimension array)
JavaScript 2维数组(JavaScript 2 dimension array) 我有3个阵列 var city = [ ['Kaunas', 54.896872,23.892426], [ ...
JavaScript 数组 array.at() 获取数组中最后一个元素
志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...
广州蓝景分享—前端开发JavaScript中的Array对象与其他数组
各位小伙伴好,今天我们广州蓝景与大家分享一些前端技术知识. JavaScript中的Array对象与其他编程语言中的数组一样,可以将多个项目的集合存储在单个变量名下,并具有用于执行常见数组操作的成员. ...
JavaScript数组(Array)
JavaScript数组数组(Array) 数组的定义使用[]创建数组使用Array创建数组数组的访问数组的方法 push 向数组中添加元素 pop 从数组的末尾获取元素,并将元素从数组中删 ...
c++ 数组截取_【学习教程】JavaScript中原生Array数组方法详解
来源 | http://www.fly63.com/article/detial/9692 JS中,数组可以通过阵列构造函数或[]字面量的方式创建.数组是一个特殊的对象,继承自对象原型,但用typeo ...
Javascript基础之Array数组API
Javascript数组原型提供的方法非常之多,主要分为三种: 直接修改原数组原数组不变,返回新数组数组遍历方法直接修改原数组的API pop() 删除一个数组中的最后的一个元素,并且返回这个元 ...
JavaScript中原生Array数组方法详解
JS中,数组可以通过阵列构造函数或[]字面量的方式创建.数组是一个特殊的对象,继承自对象原型,但用typeof运算判断时,并没有一个特定的值,仍然返回'对象'.但使用[] instanceof Arr ...

JavaScript-数组（new Array）

JavaScript-数组（new Array）相关推荐

最新文章

热门文章