一、引言 在Vue 3中，构建响应式数据结构是构建用户界面和交互体验的核心部分。而在创建这些响应式数据时，我们有两个主要工具：reactive和ref。选择使用哪一个，实际上取决于你的数据结构和访问需求。 reactive主
1.数组的方法unshift() 数组头部添加内容push() 数组尾部添加内容pop() 数组尾部删除内容shift() 数组头部删除内容sort() 数组排序 a-b 升序 b-a 降序 reverse()
转载
2024-05-21 08:13:39
186阅读
数组降维，很多都是二维数组转一维数组，但随着大数据时代的来临，很多都是多为数组，多为数组如何降维，下面将一一分析1.二位数组降维var arr=[1,2,[3,4,5]]
Array.prototype.concat.apply([],arr)//[1,2,3,4,5]这里利用的是apply，方法，自动打散参数，再concat拼接， 但这种方法，只能解决一层降维，虽然apply传递的参数，是数组
转载
2024-07-13 19:54:25
49阅读
常用的JS数组对象APIES5及以前的Api
ECMAScript5为数组定义了5个迭代方法，每个方法接收两个参数， 一个是每项运行的函数，一个是运行该函数的作用域对象(可选项)，传入这些方法的函数会接收三个参数：数组项的值，该项在数组中的位置，数组对象本身。// 1. Array.every()
// 全真为真
// 示例用途：全选+单选逻辑
const number = [1, 2,
转载
2024-04-03 12:37:13
88阅读
0、扩展运算符把数组转成逗号分割的参数列表通过…可以获取数组的所有值复制数组var arr1 = [1,2,3];
var arr2 = [...arr1];
console.log(arr2); //[1,2,3]合并数组var a = [1,2,3];
var b = [4,5,6];
var c = [6,7,8];
// ES5
var d
ES6语法及其知识点归纳（第四天）2.12 Set2.13 Map2.14 class类2.15 数值扩展2.16 对象扩展2.17 模块化 2.12 SetES6 提供了新的数据结构 Set（集合）。它类似于数组，但成员的值都是唯一的，集合实现了 iterator 接口，所以可以使用『扩展运算符』和『for…of…』进行遍历，集合的属性和方法。size：返回集合的元素个数add：增加一个新元素
转载
2024-06-26 15:55:33
61阅读
作者：前端开发社区 小生方勤这篇文章介绍了一些特性，在我看来，一个严肃的 JavaScript 开发者每天都多多少少会用到这些特性。1、展开操作符顾名思义，用于对象或数组之前的展开操作符(…)，将一个结构展开为列表。演示一下：let firstHalf = [ one , two ];let secondHalf = [ three , four , ...firstHalf];这种写法够优
转载
2024-06-04 01:32:34
34阅读
数组操作方法分类因为数组操作的方法有很多，我们在实际项目中又会经常使用。下面是我自己针对这些方法做的简单分类，请看下表： push()push()可以将某些值加入到数组的最后一个位置，不限制添加数量，欲添加多项内容使用逗号隔开即可，加入后数组长度会增加。使用push()后会改变原本的数组内容。let a = [1,2,3,4,5,6,7,8];a.push(9, 10);co
转载
2024-05-28 23:16:11
138阅读
1.冒泡排序算法：（时间复杂度是n*n）冒泡排序法是最基本的排序法之一，冒泡排序法的运行机制是通过循环遍历元素，并调整相邻元素顺序的一种简单排序方法。 冒泡排序法的运行情况如下（以将数组 {21, 99, 3, 1024, 16} 排列为升序为例）：（1）冒泡排序法的第一次遍历目的是将数值最大的元素移动到数组的尾部。首先，将元素21与元素99进行比较，由于21 < 99，所以不用交换元素；其
（一）改变原数组的方法（9个） ES5：1. pop() 删除一个数组中的最后的一个元素，并且返回这个元素。 2.shift() 删除数组的第一个元素，并返回这个元素。 3.push() 可向数组的末尾添加一个或多个元素，并返回新的长度。 4.unshift() 可向数组的开头添加一个或更多元素，并返回新的长度。 5.reverse() 用于颠倒数组中元素的顺
转载
2024-07-25 14:39:56
353阅读
此篇文章是本人对setData方法的一些理解，是查阅文档和查找一些其他资料综述的，有所不足希望指正！直接进入正题！一、setData()方法：1、参数接受一个对象，以key，value的形式表示；2、参数和变量名称一致，可用一个值代替(es6新语法特性)如上图所示，在this.data中设置ceshi这条数据，在方法中，我们定义ceshi变量让其等于that.data.ceshi; 然后对cesh
将两类对象转为真正的数组Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。一个转换类数组对象到数组的一个示例：1. let list =.querySelectorAll('ul.fancy li');
2.
3. Array.from(list).forEac
转载
2024-04-24 14:23:05
75阅读
这次我们来谈谈数组、函数、对象，这三个家伙出现的频率太高了。在整个js的体系中占据着非常重要的位置。es6对其的优化扩展也是整个es6比较重要的部分。数组首先来谈谈数组，划重点开始喽，个人觉得可能简洁写法、解构赋值、扩展运算符，可能出现的频率比较高一点。
先介绍几个很有用的方法：Array.from() 转换为数组将类似数组的对象和可遍历的即有iterator接口的对象转化为真正的数组，在
转载
2024-05-28 21:27:31
77阅读
目录数组1.map()2. forEach() 注意：map和forEach 有可能改变原数组3. filter()4.find() 5.findIndex() 6.some() 7.every() 8. reduce()对象1.Object.is()&nbs
转载
2024-04-27 19:49:11
144阅读
1.map方法作用: 映射数组(遍历数组,修改数组中的每一个元素)特点:a.回调函数执行次数==数组长度b.回调函数内部的returnreturn 新数组的元素没有return 返回值都是undefinedc.map方法的返回值返回映射之后的新数组let arr = [81, 90, 100, 23, 50]
//需求：找出偶数的元素
let res = arr.filter(item =>
转载
2024-03-19 19:14:07
119阅读
历史我们如何遍历数组中的元素？20年前JavaScript刚萌生时，你可能这样实现数组遍历：for (var index = 0; index < myArray.length; index++) {
console.log(myArray[index]);
}自ES5正式发布后，你可以使用内建的forEach方法来遍历数组：myArray.forEach(function (value
JavaScript中对变量的操作都是通过引用方式，而对数组也一样。 前两天想要对一个数组进行复制，一直苦于找不到办法（遍历的方法俺是绝对不采用的） 无意中拿起《JavaScript权威指南》翻了翻数组的操作函数，发现了slice()函数。 slice()原来是用来截取数组中的一部分，这里我用它来复制数组，它的格式如下： array.slice(start, end) 如果省略了end参数，则切分
转载
2024-10-16 09:12:55
26阅读
学习要点：1.数组解构 2.对象解构本节课我们来开始学习 ES6 中数组和对象解构赋值的方法。一．数组解构1. ES6 提供了对数组和对象的字面量提取相关数据的方法：解构操作；2. 为何要使用解构操作？是因为 JSON 格式的普及，导致大量数据提取工作；3. 而这种提取过程，在 ES6 的解构语法中，带来了极大的便捷性；4. 数组解构赋值，有两种基本的写法：1.分行解构；2 单行解构；let in
转载
2024-04-23 21:59:50
47阅读
文章目录一、一图胜千言二、重点函数说明1、map和forEach2、filter (过滤)3、some(任意)、every(全部)4、reduce (累计)语法默认值的作用常见应用 一、一图胜千言前端开发中，js数组处理是最常用的，除了for循环外，随着es6的普及，像reduce()、filter()、map()、some()、every()以及…展开属性都是最常用到的。 今天偶然从网上看到这
转载
2024-05-28 10:56:38
436阅读
第十章 改进的数组功能 ES6标准在ES5的基础上，继续改进数组，为数组添加了很多新功能。例如：创建数组的新方法、几个实用便捷的方法及创建定型数组（Typed Array）的能力。本章一一讲解这些新特性。第1节 创建数组 1. 传统的创建数组的方法。 在ES6以前，创建数组的方式有两种：一种是调用Array构造函数，一种是使用数组自面量语法。由于在使用Array构造函数创建数组的时候，有时会
转载
2024-06-28 14:56:11
70阅读
