数组常用的方法总结

比眉伴天荒 2021-11-09 16:10 282阅读 0赞

//引用类型---Array类型-数组篇总结

// 创建数组两种方式

//-、使用Array构造函数

let colors = new Array();

//创建数组数量

let colors2 = new Array(20);

//包含3个字符值的数组

let colors3 = new Array("red", "blue", "green");

console.log('first---', colors, colors2, colors3)

//二、数组字面量

let names =\[\];

let colors4 = \["red", "blue", "green"\]

let values = \[1,2\];

console.log('second---', names, colors4, values)

//

console.log(colors4\[0\])//数组第一项

colors4\[2\] = "black";//修改第三项

colors4\[3\] = "brown";//新增第四项

colors4\[colors4.length\] = "brownnew";//新增第五项

//检测数组第一种

// if(value instanceof Array)\{

// \}

检测数组第二中种

//if(Array.isArray(value))\{\}

//类数组转换数组

let arrayLike = \{

'0': 'a',

'1': 'b',

'2': 'c',

length: 3

\};

// ES5的写法

var arr1 = \[\].slice.call(arrayLike); // \['a', 'b', 'c'\]

// ES6的写法

let arr2 = Array.from(arrayLike); // \['a', 'b', 'c'\]

//数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。

\[1, 2, \[3, 4\]\].flat()

// \[1, 2, 3, 4\]

//\[1, 2, \[3, \[4, 5\]\]\].flat()

// \[1, 2, 3, \[4, 5\]\]

//\[1, 2, \[3, \[4, 5\]\]\].flat(2)

// \[1, 2, 3, 4, 5\] 详细看es6详解

//http://es6.ruanyifeng.com/\#docs/array\#%E6%95%B0%E7%BB%84%E5%AE%9E%E4%BE%8B%E7%9A%84-flat%EF%BC%8CflatMap

//转换方法

let colors5 = \["red", "blue", "green"\]

console.log('toString--->', colors5.toString())

console.log('valuesOf--->', colors5.valueOf())

console.log('colors5--->', colors5)

//栈方法

let colors6 = \["red", "blue"\]

colors6.push("brown")

let demo = colors6.push("brown")

colors6\[3\]="balck"

console.log('colors6--->', demo, colors6.length)

let item = colors6.pop();

console.log('item--->', item, colors6);

//队列方法

let colors7 = \["red"\]

colors7.push("blue", "green")

console.log('colors7--->', colors7, colors7.length)

let item2 = colors7.shift()

console.log('item2--->', item2, colors7, colors7.length)

let count = colors7.unshift("red1","green2")

console.log("count--->",count, colors7, colors7.length)

![857884-20190623234928717-1281325586.jpg][]

未完待续-----------

转载于:https://www.cnblogs.com/pikachuworld/p/11074958.html

[857884-20190623234928717-1281325586.jpg]: /images/20211109/61a9086a733d4748a3ef2a4c7af5e77a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，282人围观）

还没有评论，来说两句吧...

相关阅读

相关数组常用的的方法（Marksheng）

数组的方法 1. join (原数组不受影响) 该方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。返回值:返回一个新的字符串 //

客官°小女子只卖身不卖艺/ 2023年01月02日 08:20/ 0 赞/ 131 阅读

相关前端js常用的数组方法

从数组中删除元素： splice(); 在任意位置添加或删除元素,返回删除或被替换的值，如果没有被删除或替换则返回空数组;修改原数组的值; splice（元素下标，删

我就是我/ 2022年11月13日 11:23/ 0 赞/ 153 阅读

相关 JQuery 常用的方法总结

1.选择器 $('a');//根据ID获取元素 $('div');//根据元素名称选择元素 $('.b');//根据class选择

野性酷女/ 2022年06月08日 07:56/ 0 赞/ 178 阅读

相关数组常用的方法（备忘）

1.push()向数组的末尾插入数组元素 var arr = new Array(5); 返回值是数组改变之后的长度 var ret = arr.pu

Bertha 。/ 2022年06月06日 11:24/ 0 赞/ 217 阅读

相关数组中常用的方法

首先我们必须明确数组也是对象数据类型的。当我们在typeof \[\]=“object”; 数组也有属性名，只不过属性名是数字，我们把数字属性名称之为“索引”：数组

忘是亡心i/ 2022年06月06日 01:37/ 0 赞/ 223 阅读

相关数组常用的方法总结

//引用类型---Array类型-数组篇总结 // 创建数组两种方式 //-、使用Array构造函数 let colors = new Array(); //创建数组数

比眉伴天荒/ 2021年11月09日 16:10/ 0 赞/ 283 阅读

相关常用的数组对象操作方法

数组操作方法设置数组的长度 length let abc = \[1, 2, 3, 4, 5, 6, 7\] console.log(abc) // (7)

今天药忘吃喽~/ 2021年10月29日 18:26/ 0 赞/ 334 阅读

相关 JavaScript数组常用的方法总结

> 导读：在实际开发中，前端工程师除了写页面布局及样式还要对后端返回的数据进行处理，返回的数据大多数是json格式，一般都是返回一个对象或者数组，下面对常用的数组的使用方法进行

Dear 丶/ 2021年09月22日 02:34/ 0 赞/ 404 阅读

相关数组中常用的方法

【方法一】：Arrays.fill()对数组中的元素进行替换。 fill(int\[\] a,int value)将指定的int值分

系统管理员/ 2021年09月16日 03:12/ 0 赞/ 381 阅读

相关 JavaScript常用的数组方法

JavaScript常用的数组方法 some（）方法此方法检查数组至少有一个元素是否满足参数函数检查的条件。

红太狼/ 2020年06月06日 17:37/ 0 赞/ 860 阅读