JavaScript-常见数组内置方法

1、join(连接字符)：作用是将数组中的元素通过给定的连接字符连成一个字符串

//join 连接

var arr = [1,2,3,4,5]

var a = arr.join(',')

console.log(a)

2、2、push(值/变量)：从数组的末尾向数组添加元素

//push 从数组的末尾向数组添加元素

var arr = [1,2,3,4,5]

arr.push(10);

console.log(arr)

3、pop()：从数组的末尾删除元素，一次只删除一个，返回的是被删除的元素。无需传参

//pop 从数组的末尾删除元素，一次只删除一个，返回的是被删除的元素。无需传参

var arr = [1,2,3,4,5]

var a = arr.pop();

console.log(arr)

4、shift()：从数组的首部删除元素

//shift 从数组的首部删除元素

var arr = [1,2,3,4,5]

var a = arr.shift();

console.log(arr)

5、unshift(值/变量)：从数组的首部插入元素

//unshift 从数组的首部插入元素

var arr = [1,2,3,4,5]

var a = arr.unshift(10);

console.log(arr)

6、sort()：排序函数。默认的是从小到大。若需要降序排序，需要自己写比较函数。它是在原数组上排序

//sout 排序函数,默认的是从小到大

var arr = [12,34,65,24,89]

arr.sort()

console.log(arr)

7、reverse()：将数组元素颠倒顺序

//reverse 将数组元素颠倒顺序

var arr = [1,2,3,4,5]

arr.reverse()

console.log(arr)

8、concat()：连接两个或多个数组

//concat 连接两个或多个数组

var arr = [1,2,3,4,5]

var arr1 = [5,34,65,24,89]

var n = arr.concat(arr1)

console.log(n)

9、slice()：切片函数：从原数组中截取部分元素组成新的数组。在截取时需要指定开始位置（开始下标）和结束位置（结束下标）

//slice 切片函数：从原数组中截取部分元素组成新的数组
var arr = [12,2445,5,2143,5,456]
//[1,结束]
var a = arr.slice(1)
console.log(a)
//[1,4)
var a1 = arr.slice(1,4)
console.log(a1)
//[-4,-1)
var a3 = arr.slice(-4,-1)
console.log(a3)

10、splice()：可以实现对数组元素的插入、删除和替换

//splice
//两个参数删除
//删除下标1后面两位元素（包括下标1）
var a2 = arr.splice(1,2)
console.log(a2)
console.log(arr)

//三个参数其他为替换/0位插入
//(参数一，参数二，参数三)
//(替换位置，项数，替换值)
arr.splice(1,4,3)
arr.splice(1,0,3)
console.log(arr)

11、indexOf（元素）：从左向右查找元素的位置。返回元素在数组中的下标（索引），返回-1表示没有找到

12、lastIndexOf（元素）：从右向左查找元素的位置。返回元素在数组中的下标（索引），返回-1表示没有找到

//index
var arr = [12,2445,5,2143,5,456]
//从左向右查找 indexOf *
var index = arr.indexOf(5)
console.log(index) //输出为下标 2
//从右往左查找 lastIndexOf
var last_index = arr.lastIndexOf(5)
console.log(last_index) //输出为下标 4

13、filter：可以实现对数组元素的"过滤"，返回的元素构成一个新的数组

//filter
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var temp = arr.filter(function (value, index) { //(元素，下标)
return index % 3 == 0 //返回下标对三取余等于零的元素
})
console.log(temp) //[1,4,7,10]

14、fill（值/变量）：用给定的值或变量填充数组

//fill

var arr = new Array(5)

arr.fill(1)//数组的5个单元都是2

console.log(arr) //[2, 2, 2, 2, 2]

15、every（function(value) { // 判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回 true

return 条件表达式

}）

//every
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var temp = arr.every(function (value) {
return value <= 10 //都小于等于10则返回true，否则返回false
})
console.log(temp) //true

16、includes() ：判断一个数组中是否包含一个指定的值

//includes
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var temp = arr.includes(3)
var temp1 = arr.includes(3, 3)
console.log(temp) //true
console.log(temp1) //false

一、数组的常用方法：

1、findIndex（function(value){ //返回符合条件的元素的索引（下标）

return 条件表达式

}）：

练习：已知数组（12，23，26，45，58，60）是有序的，输入一个数x，将它插入到数组中，保证数组仍然是有序的

var arr = [12,23,26,45,58,60]var x = 55var insert_index = arr.findIndex(function(value){ //value：表示数组元素return value>=x   //返回数组中第一个大于x的元素的下标})arr.splice(insert_index,0,x)console.log(arr)

2、数组总结：

（1）数组的作用：是一种数据的存储结构。用来存储程序中的数据

（2）数组的定义方式：

a、字面量：[ ]

b、Array对象：new Array()

（3）数组的内置方法（函数）：数据的插入/删除、切片、过滤、查找

（4）与数组相关的算法：排序算法（冒泡）

JavaScript-常见数组内置方法相关推荐

JavaScript数组内置方法-知识
/* * 数组中常用的内置方法:基于这些方法可以让我们有效的对数组进行操作 * console.dir(Array.prototype) 查看数组内置方法 ...
python如何设计工具类_Python面向对象 --- 类的设计和常见的内置方法
面向对象:一种基于面向过程的新的编程思想.也就是说面向对象是将功能等通过对象来实现,将功能封装进对象之中,让对象去实现具体的细节:这种思想是将数据作为第一位,而方法或者说是算法作为其次,这是对数据一种 ...
0513JS基础：数组内置方法、数学函数、时间函数
|数组中常用的内置方法 |-push()与pop() |--push()是往数组的尾部添加,同时返回新数组的长度 var attr = [1,2,3,4,5];var attr2 = [6,7,8,9 ...
JavaScript常见的内置对象
文章目录系列文章目录前言一.Math数学对象二.Date日期对象三.数组对象四.字符串对象总结前言 javaScript提供了多个内置对象:Math.Date.Array.String ...
python3.5怎么使用-Python3.5常见内置方法参数用法实例详解
本文实例讲述了Python3.5常见内置方法参数用法.分享给大家供大家参考,具体如下: Python的内置方法参数详解网站为:https://docs.python.org/3/library/fun ...
谈谈JavaScript中编程实现以及使用内置方法实现进制转换
方法一:自己写逻辑实现说到Javascript下进制转换,可能你会想到自己编程实现: 比如以下方法,是本人编写的将十进制转为二进制的方法: function toBinary(num) {var r ...
JavaScript内置方法-Date对象
Date对象 >介绍是一个构造函数,使用时需要new,实例化主要看常用方法 console.log(new Date()); //返回电脑当前的时间 console.log(new Date ...
JavaScript中的内置对象
一.什么是内置对象 js本身已经写好的对象,我们可以直接使用不需要定义它. 常见的内置对象有 Data.Array,Math.RegExp.Error.String.... Array高级API so ...
JavaScript的常用内置对象
JavaScript的常用内置对象 Math对象 Math对象的使用练习日期对象日期对象的使用日期对象的常用get方法日期对象的常用set方法练习数组对象数组类型检测添加或删除数组元 ...

JavaScript-常见数组内置方法

JavaScript-常见数组内置方法相关推荐

最新文章

热门文章