jQuery数组对象转javascript数组

article/2025/9/22 21:38:07

当我们在前端开发中,使用了jQuery时,我们通常通过$(".box-item")的方式获取的是一个jQuery对象是一个类数组对象,当我们需要向后台传输的数据中,使用的是javascript数组,或者有时候,我们需要将jQuery对象转换为javascript对象,一般来说jQuery对象,是不同于javascript元素或对象的,他是一个自带length属性的对象,但不是数组对象。

说类数组是因为有length属性,但是却不是真正意义上的数组: 

该jQuery对象除了有四个html元素之外,还有一个length属性,即便这个length属性为1,他也是一个类数组对象。当length=1时,我们将其转换为javascript对象,只需要获取第一个元素即可。$(".box-item")[0]。但是通常情况下,length是不为1的。为此,我们总结了以下几种转换方式:其中1和2本质上是一样的。

这里不光支持jQuery元素类数组转换,还支持jQuery数组的转换,如下所示,将四个box-item类元素的数组,先取偶数下标,然后将data-id属性取出,就组成了一个jQuery数组,数组元素为1,3最后通过上面的方式,将其转换为javascript数组。

完整代码如下:

<!doctype html>
<html><head><meta charset="UTF-8"/><title>jQuery数组对象转javascript数组</title><style type="text/css">*{margin:0;padding:0}#box{width:800px;margin:0 auto;}.box-item{background:#ddd;height:40px;margin:5px 0;}</style><script type="text/javascript" src="../jquery.min.js"></script></head><body><div id="container"><div id="box"><div class="box-item" data-id="1">1. [].slice.call(items)</div><div class="box-item" data-id="2">2. Array.prototype.slice.call(items)</div><div class="box-item" data-id="3">3. Array.from(items)</div><div class="box-item" data-id="4">4. $.makeArray(items)</div></div></div><script type="text/javascript">$(function(){var items = $(".box-item");items = $(items).filter(function(index,item){return index%2==0;}).map(function(index,item){return $(item).data("id");});console.log(items);//var res = [].slice.call(items);//var res = Array.prototype.slice.call(items);//var res = Array.from(items);var res = $.makeArray(items);console.log(res);});</script></body>
</html>

 转换过程通过console.log()打印jQuery数组和javascript数组结构:

 

反过来,javascript对象要转为jQuery对象,很简单,只需要通过符号$()转换一下,如$(object),就可以将javascript对象转为jQuery对象。 


http://chatgpt.dhexx.cn/article/F43rB4do.shtml

相关文章

js 三维数组转对象数组 二维数组转对象数组

1. 三维数组转对象数组 输出&#xff1a; 代码如下&#xff1a; let dataArr [[[109.654541015625, 29.34387539941801],[110.467529296875, 59.34387539941801],[109.654541015625, 30.050076521698735],],]let list []dataArr[0].forEach(item > {let obj {lon: item[0…

如何在 JavaScript 中将数组转为对象

首先&#xff0c;我们需要明白对象具有键和值。 const object {key: value } 如果我们想把某个东西转换成一个对象&#xff0c;我们需要传递具有这两个要求的东西&#xff1a;键和值。 满足这些要求的参数有两种类型&#xff1a; 具有嵌套键值对的数组 Map 对象 数组 这是一个…

第二类斯特林数

概要&#xff1a; 第二类斯特林数表示将n个不同的元素分成m个集合的方案数。 代码 s[i][j]实现代码&#xff1a; const int mod1e97;//取模 LL s[N][N];//存放要求的第一类Stirling数 void init(){memset(s,0,sizeof(s));s[1][1]1;for(int i2;i<N-1;i){for(int j1;j<…

斯特林数

斯特林数分为第一类斯特林数和第二类斯特林数&#xff0c;第一类斯特林数分为有符号斯特林数和无符号斯特林数&#xff1b; 1.什么是圆排列&#xff1f; 圆排列是把n个数中拿出k个数组成一个圆的种类数&#xff0c;则这里组成m个圆排列的意思是组成m个不同的圆的种类数&…

斯特林数(Stirling)

第一类斯特林数 第一类斯特林数表示的是将n个不同元素分成k个不同的环的方案数。两个环不相同当且仅当这两个环不能通过旋转得到。记作s(n,k). s(n,k)的递推公式&#xff1a; s(n,k)(n-1)*s(n-1,k)s(n-1,k-1) ,1<k<n 边界条件&#xff1a;s(n,0)0 ,n>1 s(n,n)1 ,n…

斯特林数(Siteling_Number)

一、基本概念 斯特林数出现在许多组合枚举问题中. 第一类斯特林数 StirlingS1[n,m]&#xff0c; 给出恰包含 m 个圈的 n 个元素 的排列数目. 斯特林数满足母函数关系 . 注意某些 的定义与 Mathematica 中的不同&#xff0c;差别在于因子 . 第二类斯特林数 StirlingS2[n,m]给…

斯特林数(数论)

斯特林数&#xff1a;stirling 概念&#xff1a; 1、第一类斯特林数&#xff1a;把1~n排列成k个非空循环的方案数&#xff0c;用小写s(n,k)或[n k]表示 2、第二类斯特林数&#xff1a;将1~n排成k个非空集合的方案数&#xff0c;用大写S(n,k)或{n,k}表示 第一类斯特林数&…

组合数学 —— 斯特林数(Stirling)

【第一类斯特林数】 1.定理 第一类斯特林数 S1(n,m) 表示的是将 n 个不同元素构成 m 个圆排列的数目。 2.递推式 设人被标上1,2,.....p&#xff0c;则将这 p 个人排成 m 个圆有两种情况&#xff1a; 在一个圆圈里只有标号为 p 的人自己&#xff0c;排法有 S1(n-1,m-1) 个。…

Linux Debian11创建新用户和删除用户

一、 Debian 创建 新用户 1.创建新用户 首先&#xff0c;要创建用户&#xff0c;当前用户必须是 root 用户或者 sudo 用户。 使用下面adduser 命令创建一个用户名为test的sudo用户&#xff0c;按照提示输入密码&#xff0c;使用 adduser 命令&#xff0c;还会创建用户的主目…

Linux中创建新用户,设置ID与密码

如&#xff1a;新建用户admin&#xff0c;指定在/root家目录下&#xff0c;并指定用户id为6666&#xff0c;设置密码&#xff1a;admin123 添加用户 add&#xff1a;用于创建新的系统用户 语法&#xff1a;useradd[选项] 用户名 -d 指定用户的家目录&#xff08;默认用户名目录…

Linux手工创建新用户

准备工作&#xff08;配置流程的理解&#xff09; Linux中useradd命令即一系列文件操作的结合体&#xff0c;所以我们可以通过查看useradd命令来确认我们手工创建新用户需要完成的文件配置 找到man useradd中涉及的文件部分 对于手工创建用户有用的文件&#xff1a; /etc/pas…

linux创建/删除新用户

为了完成本关任务&#xff0c;你需要掌握如下知识&#xff1a; Linux创建用户命令Linux删除用户命令 Linux创建用户命令 Linux中使用useradd命令来创建一个新用户。 命令格式格式&#xff1a; useradd [命令参数] 参数 常见命令参数&#xff1a; -d<登入目录>&…

Linux如何创建一个新的用户?

1. useradd -d /root/admin admin -u 6666 把一个用户名为admin&#xff0c;id为6666的新用户创建在指定 /root 家目录下。 2. passwd admin 给新用户admin设置密码。

Linux下如何创建新用户并设置密码及删除用户

一&#xff1a;演示创建新用户binbin 在命令行输入useradd binbin&#xff0c;表示创建新用户binbin 回车后&#xff0c;直接 ll 回车查看到 binbin 就已经创建好了 二&#xff1a;设置密码 1.1输入命令&#xff1a; passwd binbin&#xff0c;回车&#xff0c;设置用户 binb…

linux服务器创建新用户

无论是创建新用户还是删除某个用户&#xff0c;都需要拿到root用户的密码&#xff0c;才有权限创建删除。 创建新用户 首先进入root账户&#xff0c;输入以下指令&#xff0c;created_name 是我们创建的用户名&#xff0c;可以换成你想要创建的用户名称。 useradd -m -s /bi…

LINUX--创建新用户为新用户设置权限

文章目录 【一张图总结】【详细说明】1、登录root2、新建用户并创建家目录3、更改为bash命令4、设置密码5、设置sudo权限 【关于本文Linux命令的说明】1、useradd -d /home/xpt -m xpt2、usermod -s /bin/bash xpt3、sudo passwd xpt4、sudo chmod uw /etc/sudoers5、sudo vi /…

Linux系统通过命令行创建新的普通用户

以下操作在root账户或权限下执行&#xff01;&#xff01;&#xff01; 目录 1. 创建用户 2. 删除用户 1. 创建用户 创建用户分两步&#xff1a; (1) 使用adduser创建用户名 adduser 创建的用户名 (2) 设置创建用户名的密码 passwd 创建的用户名 然后就可以使用创建的用户登…

Linux-创建用户组和用户

目录 1.前提 2.用户组 3.用户 4.其他 1.前提 创建用户组和用户均需要管理员权限&#xff0c;要么是 root 用户&#xff0c;要么是现用户有 sudo 权限。 下面的命令大部分是基于 sudo 权限 2.用户组 创建用户组 sudo groupadd 组名 查看用户组 cat /etc/group 删除用…

Citespace教程笔记

1 Citespace分析和解读策略 课程连接&#xff1a;citespace教程-陈超美老师亲自教学_哔哩哔哩_bilibili 分析结果那些重要&#xff0c;那些次要&#xff0c;要从主到次地分析。 2 Citespace软件界面简介 2.1 Citespace功能参数界面 2.2 Citespace可视化界面 可视化界面的简介…

TLS Ciphers

传输层安全性协议&#xff08;英语&#xff1a;Transport Layer Security&#xff0c;缩写作TLS&#xff09;&#xff0c;及其前身安全套接层&#xff08;Secure Sockets Layer&#xff0c;缩写作SSL&#xff09;是一种安全协议 定义 协议 年份 SSL 1.0 未知 SSL 2.0 199…