JavaScript有关数组的操作

本文详细讲解了JavaScript中数组的声明与赋值、追加与拼接、截取、删除、排序、检测以及转换操作。涵盖了push(), unshift(), concat(), slice(), splice(), pop(), shift(), sort(), Array.isArray(), indexOf(), includes(), join(), split(), 反转等核心知识点。
摘要由CSDN通过智能技术生成

JS中的数组

在这里插入图片描述

 

1.数组的声明赋值

1.1 内置对象声明赋值

var arr = new Array()
arr = new Array(5, 3, 2, 1);
console.log(arr);

在这里插入图片描述

1.2 直接声明赋值

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

在这里插入图片描述
 
 
 

2. 数组的追加和拼接

 

2.1数组的追加

2.1.1 push
arr.push(num1,num2,num3……)
在原数组后面追加
var a = [1, 2, 3, 4, 5]
a.push(1, 2, 3)
console.log(a);

在这里插入图片描述

2.1.2 unshift
arr.unshift ( ) 
数组开头添加多个元素
var a = [1, 2, 3, 4]
a.unshift(1, 2)
console.log(a);

在这里插入图片描述

 

2.2数组的拼接

arr.concat ( arr1,arr2,arr3……)
在arr数组后面拼接数组
var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
console.log(arr1.concat(arr2));

在这里插入图片描述
 
 
 

3.数组的截取

 

3.1 slice()

arr.splice (index1,index2)

index1	开始元素的索引
index2	结束元素的索引

截取从第index1位到index2位个元素,不会影响原数组
var arr = [1, 2, 3, 4]
console.log(arr.slice(1, 3));  //从1到3  取1-3个    不会影响原数组
console.log(arr);

在这里插入图片描述

 

3.2 splice()

arr.splice (index,length)

index	第几位索引
length	长度

从第index位截取截取length个元素,会影响原数组
var arr = [1, 2, 3, 4]
arr.splice(1, 1);   //从第1位截取截取1个 会影响原数组
console.log(arr);

在这里插入图片描述

 
 
 

4.数组的删除

 

4.1 数组的删除

4.1.1 pop()
a.pop()		删除数组最后一个元素
var a = [1, 2, 3, 4]
a.pop()
console.log(a);

在这里插入图片描述

4.1.2 shift()
arr.shift()		删除数组第一个元素
var a = [1, 2, 3, 4]
a.shift()
console.log(a);

在这里插入图片描述

5. 数组的排序

sort()

数组中自带的排序方法(默认是从小到大排序)

var a = [1, 4, 3, 2]
console.log(a.sort());

改变sort的排序方式(从小到大排序)

var a = [1, 4, 3, 2]
console.log(a.sort(
            function (n1, n2) {
                return n2 - n1;
            }));

在这里插入图片描述

6.数组的检测

6.1 Array.isArray()

判断是否为数组(返回值为 true / false)
var a = [1, 2, 3, 4, 5]
console.log(Array.isArray(a));	//true

6.2 indexOf()和lastIndexOf()

indexOf:从前往后查找数组值,找到返回索引(只查找一次)
lastIndexOf:从后往前查找数组值,找到返回索引(只查找一次)
var a = [1, 2, 3, 4, 5]
console.log(a.indexOf(1),a.lastIndexOf(1));	//  0 0

6.3 includes()

判断数组中是否存在该值(返回值为 true / false)
var a = [1, 2, 3, 4, 5]
console.log(a.includes(1));	// true

7. 数组与字符串的转化

7.1数组转字符串 join()

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

在这里插入图片描述

7.2字符串转数组 split()

var a = '1234'
console.log(typeof a.split(''));
console.log(a.split(''));

在这里插入图片描述

8.数组反转

reverse() 将数组反转,会影响原来的数组

var a = [1, 2, 3, 4, 5]
console.log(a);
console.log(a.reverse());
console.log(a);

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值