jquery---调用静态方法-each--map-数组与伪数组的差别

07-jquery对象是一个伪数组-从0开始--到length-1-长度
08-静态方法和实例方法

//1.定义一个类
function AClass(){
}
//2.给这个类添加以恶搞静态方法
//直接添加给类的就是静态方法
AClass.staticMethod = function(){
alert("这个一个静态方法");
}
//静态方法通过类名带调用
AClass.staticMethod();

//3.给这个类添加一个实例放啊
AClass.prototype.instanceMethod = function(){
alert("实例方法");
}
//实例方法通过类的实例调用
//创建一个实例(创建一个对象)
var a = new AClass();
//通过实例调用实例方法
a.instanceMethod();

09-each方法

//原生js--只能遍历数组-不能遍历伪数组
var arr = [1,2,3,4,5,6];
arr.forEach(function (value,index){//第一个参数:遍历到的元素,第二个元素:当前遍历的索引
console.log(index,value);//(索引,值)
})

//jquery
$.each(arr,function(index,value){//参数与原生js相反
console.log(index,value);
})
伪数组--var obj = {0:1, 1:3, 2:5,3:7, 4:9, length:5};
$.each(obj,function (index,value){//参数与原生js相反
console.log(index,value);
})

10-静态方法map方法

var arr = [1,2,3,4,5,6];
var obj = {0:1, 1:3, 2:5,3:7, 4:9, length:5};
arr.map(function (value,index,array){//(值,索引,当前被遍历的整个数组)
console.log(index,value,array);
})
----obj.map--不能遍历
----jquery
$.map(arr,function (value,index){
console.log(index,value);
})
--遍历伪数组可以

--对比
var res = $.each(arr,function(index,value){//参数与原生js相反
console.log(index,value);
//res返回的就是它的值
})

var res2 = $.map(arr,function (value,index){
console.log(index,value);
//res2返回的是一个[] 空数组
但是能定义给他加工返回一个新数组
--return value + index;
})

原文地址:https://www.cnblogs.com/fdxjava/p/11183272.html

时间: 2024-08-25 07:11:51

jquery---调用静态方法-each--map-数组与伪数组的差别的相关文章

JavaScript中的数组与伪数组的区别

在JavaScript中,除了5种原始数据类型之外,其他所有的都是对象,包括函数(Function). 5种原始数据类型: number boolean string null undefined 在这个前提下,咱们再来讨论JavaScript的对象. 1.创建对象 var obj = {}; //种方式创建对象,被称之为对象直接量(Object Literal) var obj = new Object(); // 创建一个空对象,和{}一样 更多创建对象的知识,参见<JavaScript权威

JS数组之伪数组以及伪数组转化为标准数组

什么是伪数组? 1,具有length属性 2,能够使用数组遍历方法遍历它们 3,不具有数组的push,pop等方法 哪些是伪数组? 典型的是函数的argument参数,还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组, 诸如var obj5 = { 99: ‘abc’, length: 100 }这样的数据也是伪数组 真数组的判断方法 * 如何判断数据是不是真数组:* 1.数据 instanceof Ar

JS === 类数组(伪数组)

// 今天跟成哥学习了类数组的相关用法,涨见识了,记录一下~ 类数组: //属性要为索引(数字)属性,必须要有length属性,最好要加上push Array.prototype.push = function(target){ obj[obj.length] = target; obj.length++; } var obj = { "2" : " a", "3" : "b", "length" : 2,

javascript 伪数组和转化为标准数组

1: 什么是伪数组 伪数组是一个含有length属性的json对象, 它是按照索引的方式存储数据, 它并不具有数组的一些方法,只能能通过Array.prototype.slice转换为真正的数组,并且带有length属性的对象. var obj = {0:'a',1:'b',length:2}; // 伪数组 var arr = Array.prototype.slice.call(obj); // 转化为数组 console.log(arr); // 返回["a","b&q

JS-数组与伪数组

数组与伪数组 把符合以下条件的对象称为伪数组: 具有length属性 按索引方式存储数据 不具有数组的push,pop等方法 伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,不具有数组的push,pop等方法,但仍可以用数组遍历方法来遍历它们.典型的是函数的argument参数,还有像调用document.getElementsByTagName, document.childNodes之类的,它们返回的NodeList对象都属于伪数组. 可以使用以下方法将伪数组转

one:arguments对象伪数组

这是我的第一个博客 1 <script> 2 //计算N个数字的和 3 //定义一个函数,如果不确定用户是否传入了参数,或者说不知道用户传入了几个参数,没办法计算, 4 // 但是如果在函数中知道了参数的个数,也知道了,每个参数的值,可以 5 //定义 6 function f1() { 7 //arguments.length:获取的是函数在调用的时候传入了几个参数 8 //arguments:获取传入的每个参数的值: 9 //console.log(arguments.length); 1

伪数组与可迭代对象

这两者都可以通过Array.from(arrayLike[,mapFn[,thisArg]])来返回一个数组. 伪数组 首先先得清楚对象和数组的差别: 对象的原型链上只有Object.prototype,而数组的原型链上有Array.prototype和Object.prototype 对象没有length属性,数组有,且自动更新 对象根据键值对取值,而数组根据序号取值 ok,接下来就可以引出伪数组了. 定义: 拥有length属性,其他属性为非负整数字符串(因为对象使用[]来取值,会将数值隐式

数组 / 伪数组 判断及方法调用 (权威指南笔记)

数组判断方法 function isArrayLike(o){ if(o && //o非null.undefined typeof o === "object" && //o是对象 isFinite(o.length) && //o.length是有限数值 o.length > 0 && //o.length为非负数 o.length === Math.floor(o.length) && //o.l

jquery的each伪数组遍历

jQuery遍历 小结: 也可以利用原型实现伪数组对象转数组 原文地址:https://www.cnblogs.com/jianxian/p/12149986.html