jquery – “复杂”的javascript ternarys（js复杂数据类型有哪些）
22
在本文中，我们将给您介绍关于jquery–“复杂”的javascriptternarys的详细内容，并且为您解答js复杂数据类型有哪些的相关问题，此外，我们还将为您提供关于ajax与javascrip
在本文中，我们将给您介绍关于jquery – “复杂”的javascript ternarys 的详细内容，并且为您解答js复杂数据类型有哪些 的相关问题，此外，我们还将为您提供关于ajax与javascript,jquery, jquery UI、Bootstrap的JavaScript需要jQuery,而jQuery已加载、Flash AS2.0和JavaScript / jQuery(ExternalInterface)通信、JavaScript jQuery 中定义数组与操作及jquery数组操作_jquery 的知识。
本文目录一览：
jquery – “复杂”的javascript ternarys（js复杂数据类型有哪些）
在参考
Shorten code using Ternary Operators中提供的答案时,我想知道为什么不建议使用以下三元组.
$('#myID')[(myVar1 === myVar2) ? 'addClass' : 'removeClass']('myClass');
相反,建议的答案是：
$('#myID').toggleClass('myClass',myVar1 === myVar2);
为了澄清,我理解后者更好,因为它利用toggleClass的第二个arg来进行评估.我想知道的是,如果第一个例子通常不推荐,因为它的可读性或其他因素.另外,第一个三元有特殊名称吗？我很好奇,如果它被称为特殊的东西,我必须再次搜索它.
非常感谢！
解决方法
第一个示例是使用三元运算符来确定将传递给括号表示法的属性字符串.这与分配值的任何其他三元用法没有什么不同：
var argmnt = "emphasize",method = condition ? "addClass" : "removeClass" ;
$( selector )[ method ]( argmnt );
唯一的区别是你将三元本身置于括号内：
$( selector )[ condition ? "addClass" : "removeClass" ]( argmnt );
这确实使代码更难以阅读,并且它不必要地复制了另一个非常好的方法的功能：$.fn.toggleClass.
我无法窥视别人的想法,但我怀疑这就是为什么你引用的答案的作者选择了更简单,更简洁的解决方案.
有关Bracket-Notation的更多信息
对象键允许比点符号允许更多的字符和灵活性.例如,虽然first-name是有效密钥,但您无法使用像person.first-name这样的点符号来访问它.这是括号表示法派上用场的地方：person [‘first-name’]完全有效.
我们还可以使用括号表示法来进行内联评估或保存变量：
var method = "addClass";
$( selector )[ method ]( argmnt );
这与编写$(select).addClass(argmnt)相同,但我们能够有条件地确定将调用哪个方法：$.fn.addClass或$.fn.removeClass`.
您可能还会在访问数组中的项时看到此方法：
var values = [ "Stack","Overflow" ];
el.textContent = values[ (1 + values.indexOf( el.textContent )) % values.length ];
在这里,我们也在方括号内执行临时评估,而不是将结果存储在变量中,然后将其传递给.
只要您的代码简洁明了,这并不是那么糟糕.但是要小心,事情很快就会失控,你的代码很快就会变得难以进行视觉解析,因而对于你自己或未来的开发人员来说,维护项目是有问题的.
ajax与javascript,jquery, jquery UI
总结
以上是小编为你收集整理的ajax与javascript,jquery, jquery UI全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
Bootstrap的JavaScript需要jQuery,而jQuery已加载 我在加载Bootstrap库时遇到错误,因为它总是会出现此错误：
Uncaught Error: Bootstrap’s JavaScript requires jQuery
尽管如此,在确保已加载jQuery但仍出现错误之后,我仍附加了Bootstrap库.
我正在使用以下代码通过创建元素并将jQuery附加到页面并将其附加到文档：
/******** Load jQuery if not present *********/
if (window.jQuery === undefined || window.jQuery.fn.jquery !== '3.1.1') {
console.log("jQuery LOADED");
var script_tag = document.createElement('script');
script_tag.setAttribute("type", "text/javascript");
script_tag.setAttribute("src",
"http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js");
// Try to find the head, otherwise default to the documentElement
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
if (script_tag.readyState) {
script_tag.onreadystatechange = function () { // For old versions of IE
if (this.readyState == 'complete' || this.readyState == 'loaded') {
console.log(window.jQuery.fn.jquery);
scriptLoadHandler();
}
};
} else {
console.log("ONLOAD STATE");
script_tag.onload = scriptLoadHandler;
}
} else {
// The jQuery version on the window is the one we want to use
jQuery = window.jQuery;
main();
}
function scriptLoadHandler() {
// Restore $and window.jQuery to their prevIoUs values and store the
// new jQuery in our local jQuery variable
jQuery = window.jQuery.noConflict(true);
// Call our main function
main();
}
准备好文档后,在这里创建Bootstrap：
function main() {
jQuery(document).ready(function ($) {
var bootstrap_script = document.createElement('script');
bootstrap_script.setAttribute("type", "text/javascript");
bootstrap_script.setAttribute("src",
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js");
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(bootstrap_script);
})
}
只是为了阐明一件重要的事情
解决方法:
尝试使用https加载jquery
script_tag.setAttribute("src",
"https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js");
希望它能工作.
Flash AS2.0和JavaScript / jQuery(ExternalInterface)通信
我试图使用JS将数据发送到带有ExternalInterface的Flash AS2.0音乐播放器,除了我找不到有关ExternalInterface的好教程或指南.我希望能够通过单击
JavaScript链接更改播放器中的当前歌曲,并在页面/窗口加载时不点击,播放默认歌曲.
我不需要在闪存等中加载声音的超级复杂的答案,我只是在让JS向Flash发送任何内容时遇到很多困难,当我开始工作时 – 我是否需要将一些if / else放入闪存以确定链接是否已被点击？
谢谢
编辑继承人现在的代码：
AS 2.0
import flash.external.ExternalInterface;
ExternalInterface.addCallback(''loadSong'',null,flashFunction);
function flashFunction (val) {
extra = val;
}
JavaScript的
var flashObj = document.getElementById(''VSPLAYER'');
function loadSong(val) {
return val
}
HTML
<a href="javascript:loadSong(''2'')">Play song 2</a>
<object id="VSPLAYER" type="application/x-shockwave-flash" data="vs_player.swf" width="280" height="90">
<param name="movie" value="vs_player.swf" />
<param name="allowscriptaccess" value="always" />
</object>
解决方法
在你的Flash中,最好是在第一帧中,把它放在：
ExternalInterface.addCallback(''callFlashFunction'',yourFlashFunction);
function yourFlashFunction (arg1,arg2) { ... }
在您的Javascript中,您可以通过以下方式调用它：
var flashObj = document.getElementById (''FlashObjID'');
flashObj.callFlashFunction (arg1,arg2);
如果您的SWF位于不同的域中,请记住允许通过以下方式访问脚本：
<object id="FlashObjID"> ... <param name="allowscriptaccess" value="always" /> ... </object>
更新(基于您的HTML)：
<a href="#" onclick="return jsLoadSong(''2'')">Play song 2</a>
<object id="VSPLAYER" type="application/x-shockwave-flash" data="vs_player.swf" width="280" height="90">
<param name="movie" value="vs_player.swf" />
<param name="allowscriptaccess" value="always" />
</object>
<script type="text/javascript">
var flashObj = document.getElementById (''VSPLAYER'');
function jsLoadSong (val)
{
flashObj.loadSong (val);
return false; // to prevent default link action
}
</script>
我试图澄清名称,以显示哪些是在Javascript中,哪些是与Flash绑定的.另请注意,在调用定义flashObj之前,您需要等到DOM加载完毕.这里,< script>标签位于< object>之后,因此它可以正常工作.
JavaScript jQuery 中定义数组与操作及jquery数组操作_jquery 首先给大家介绍javascript jquery中定义数组与操作的相关知识，具体内容如下所示：
1.认识数组
数组就是某类数据的集合，数据类型可以是整型、字符串、甚至是对象
1.1 定义数组
声明有10个元素的数组
此时为a已经开辟了内存空间，包含10个元素，用数组名称加 [下标] 来调用，例如 a[2] 但此时元素并未初始化，调用将返回 undefined
立即学习 “Java免费学习笔记（深入）”；
以下代码定义了个可变数组，并进行赋值
上面提过了，数组里面可以放对象，例如下面代码
var a = new Array();
a[0] = true;
a[1] = document.getElementByIdx_x("text");
a[2] = {x:11, y:22};
a[3] = new Array(); 登录后复制
数组可以实例化的时候直接赋值，例如
var a = new Array(1, 2, 3, 4, 5);
var b = [1, 2, 3, 4, 5]; 登录后复制
a 和 b 都是数组，只不过b用了隐性声明，创建了另一个实例，此时如果用alert(a==b)将弹出false
1.2 多维数组
其实Javascript是不支持多维数组的，在asp里面可以用 dim a(10,3)来定义多维数组，在Javascript里面，如果用 var a = new Array(10,3) 将报错
var a = new Array();
a[0] = new Array();
a[0][0] = 1;
alert(a[0][0]); //弹出 1 登录后复制
声明的时候赋值
var a = new Array([1,2,3], [4,5,6], [7,8,9]);
var b = [[1,2,3], [4,5,6], [7,8,9]]; 登录后复制
效果一样，a采用常规实例化，b是隐性声明，结果都是生成一个多维数组
1.3 Array literals
这个还真不知中文怎么叫，文字数组？
var aa = new Object();
aa.x = "cat";
aa.y = "sunny";
alert(aa.x); //弹出cat 登录后复制
创建一个简单的对象，一般调用是通过aa.x，而如果当成Array literals的话，用alert(aa[“x”])一样会弹出cat
var a = {x:"cat", y:"sunny"};
alert(a["y"]); //弹出sunny 登录后复制
这是另一种创建对象的方法，结果是一样的
2.数组元素的操作
上面已经说过，可以通过 数组[下标] 来读写元素
下标的范围是 0 – (23(上标2) -1)，当下标是负数、浮点甚至布尔值的时候，数组会自动转换为对象类型，例如
var b = new Array();
b[2.2] = "XXXXX";
alert(b[2.2]); //-> XXXXX 登录后复制
此时相当于b[“2.2”] = “XXXXX”
2.1数组的循环
var a = [1,2,3,4,5,6];
for(var i =0; i<a.length; i++){
alert(a[i]);
} 登录后复制
这是最常用的，历遍数组，代码将依次弹出1至6
还有一种常用的
var a = [1,2,3,4,5,6];
for(var e in a){
alert(e);
} 登录后复制
还是依次弹出1至6，for…in是历遍对象（数组是特殊的对象）对象，用在数组上，因为数组没有属性名，所以直接输出值，这结构语句用在对象上，例如下面
var a = {x:1,y:2,z:3};
for(var e in a){
alert(e + ":" + a[e]);
} 登录后复制
此时e取到的是属性名，即 x、y、x，而要取得值，则采用 数组名[属性]，所以 a[e] 等同于 a[“x”]、a[“y”]、a[“z”]
2.2数组常用函数
concat
在现有数组后面追加数组，并返回新数组，不影响现有数组
var a = [123];
var b = "sunnycat";
var c = ["www",21,"ido"];
var d = {x:3.14, y:"SK"};
var e = [1,2,3,4,[5,6,[7,8]]];
alert(a.concat(b)); // -> 123,sunnycat
alert(a); // -> 123
alert(b.concat(c, d)); // -> sunnycatwww,21,ido[object Object]
alert(c.concat(b)); // -> www,21,ido,sunnycat
alert(e.concat(11,22,33).join(" # ")); // -> 1 # 2 # 3 # 4 # 5,6,7,8 # 11 # 22 # 33 登录后复制
需要注意的是只能用于数组或字符串，如果被连接（前面的a）的是数值、布尔值、对象，就会报错，字符串连接数组时，字符串会跟数组首元素拼接成新元素，而数组连接字符串则会追加新元素（这点我也不清楚原委，知情者请透露），对于数组里面包含数组、对象的，连接后保持原样
join
用指定间隔符连起来，把数组转为字符串
var a = [''a'',''b'',''c'',''d'',''e'',''f'',''g''];
lert(a.join(",")); // -> a,b,c,d,e,f,g 相当于a.toString()
alert(a.join(" x ")); // -> a x b x c x d x e x f x g 登录后复制
这个很容易理解，但需要注意的是只转换一维数组里面，如果数组里面还有数组，将不是采用join指定的字符串接，而是采用默认的toString()，例如
var a = [''a'',''b'',''c'',''d'',''e'',''f'',''g'',[11,22,33]];
alert(a.join(" * ")); // -> a * b * c * d * e * f * g * 11,22,33 登录后复制
数组里面的数组，并没用 * 连接
pop
删除数组最后一个元素，并返回该元素
var a = ["aa","bb","cc"];
document.write(a.pop()); // -> cc
document.write(a); // -> aa, bb 登录后复制
如果数组为空，则返回undefined
push
往数组后面添加数组，并返回数组新长度
var a = ["aa","bb","cc"];
document.write(a.push("dd")); // -> 4
document.write(a); // -> aa,bb,cc,dd
document.write(a.push([1,2,3])); // -> 5
document.write(a); // -> aa,bb,cc,dd,1,2,3 登录后复制
跟concat的区别在于，concat不影响原数组，直接返回新数组，而push则直接修改原数组，返回的是数组新长度
sort
数组排序，先看个例子
var a = [11,2,3,33445,5654,654,"asd","b"];
alert(a.sort()); // -> 11,2,3,33445,5654,654,asd,b 登录后复制
结果是不是很意外，没错，排序并不是按整型大小，而是字符串对比，就是取第一个字符的ANSI码对比，小的排前面，相同的话取第二个字符再比，如果要按整型数值比较，可以这样
var a = [11,2,3,33445,5654,654];
a.sort(function(a,b) {
return a - b;
});
alert(a); // -> 2,3,11,654,5654,33445 登录后复制
sort()方法有个可选参数，就是代码里的function，这是个简单的例子，不可对非数字进行排序，非数字需要多做判断，这里就不多讲
reverse
对数组进行反排序跟，sort()一样，取第一字符ASCII值进行比较
var a = [11,3,5,66,4];
alert(a.reverse()); // -> 4,66,5,3,11 登录后复制
如果数组里面还包含数组，则当为对象处理，并不会把元素解出来
>var a = [''a'',''b'',''c'',''d'',''e'',''f'',''g'',[4,11,33]];
alert(a.reverse()); // -> 4,11,33,g,f,e,d,c,b,a
alert(a.join(" * ")); // -> 4,11,33 * g * f * e * d * c * b * a 登录后复制
按理应该是11排最后面，因为这里把 4,11,33 当做完整的对象比较，所以被排在第一位。看不明白的话，用join()串起来，就明了多
shift
删除数组第一个元素，并返回该元素，跟pop差不多
var a = ["aa","bb","cc"];
document.write(a.shift()); // -> aa
document.write(a); // -> bb,cc 登录后复制
当数组为空时，返回undefined
unshift
跟shift相反，往数组最前面添加元素，并返回数组新长度
var a = ["aa","bb","cc"];
document.write(a.unshift(11)); // -> 4 注：IE下返回undefined
document.write(a); // -> 11,aa,bb,cc
document.write(a.unshift([11,22])); // -> 5
document.write(a); // -> 11,22,11,aa,bb,cc
document.write(a.unshift("cat")); // -> 6
document.write(a); // -> cat,11,22,11,aa,bb,cc 登录后复制
注意该方法，在IE下将返回undefined，貌似微软的bug，我在firefox下则能正确发挥数组新长度
slice
返回数组片段
var a = [''a'',''b'',''c'',''d'',''e'',''f'',''g''];
alert(a.slice(1,2)); // -> b
alert(a.slice(2)); // -> c,d,e,f,g
alert(a.slice(-4)); // -> d,e,f,g
alert(a.slice(-2,-6)); // -> 空 登录后复制
a.slice(1,2)，从下标为1开始，到下标为2之间的数，注意并不包括下标为2的元素
splice
从数组删除某片段的元素，并返回删除的元素
var a = [1,2,3,4,5,6,7,8,9];
document.write(a.splice(3,2)); // -> 4,5
document.write(a); // -> 1,2,3,6,7,8,9
document.write(a.splice(4)); // -> 7,8,9 注：IE下返回空
document.write(a); // -> 1,2,3,6
document.write(a.splice(0,1)); // -> 1
document.write(a); // -> 2,3,6
document.write(a.splice(1,1,["aa","bb","cc"])); // -> 3
document.write(a); // -> 2,aa,bb,cc,6,7,8,9
document.write(a.splice(1,2,"ee").join("#")); // -> aa,bb,cc#6
document.write(a); // -> 2,ee,7,8,9
document.write(a.splice(1,2,"cc","aa","tt").join("#")); // -> ee#7
document.write(a); // -> 2,cc,aa,tt,8,9 登录后复制
注意该方法在IE下，第二个参数是必须的，不填则默认为0，例如a.splice(4)，在IE下则返回空，效果等同于a.splice(4,0)
toString
把数组转为字符串，不只数组，所有对象均可使用该方法
var a = [5,6,7,8,9,["A","BB"],100];
document.write(a.toString()); // -> 5,6,7,8,9,A,BB,100
var b = new Date()
document.write(b.toString()); // -> Sat Aug 8 17:08:32 UTC+0800 2009
var c = function(s){
alert(s);
}
document.write(c.toString()); // -> function(s){ alert(s); } 登录后复制
布尔值则返回true或false，对象则返回[object objectname]
var a = [5,6,7,8,9,"A","BB",100];
for(var i=0; i<a.length; i++){
document.write(a[i].toString() + " 的二进制是 " + a[i].toString(2) + " ，八进制是 " + a[i].toString(8) + " ，十六进制是 " + a[i].toString(16)); // -> 4,5
} 登录后复制
输出结果
5 的二进制是 101 ，八进制是 5 ，十六进制是 5
转换只能在元素进行，如果对整个数组进行转换，则原封不动返回该数组
toLocaleString
返回本地格式字符串，主要用在Date对象上
var a = new Date();
document.write(a.toString()); // -> Sat Aug 8 17:28:36 UTC+0800 2009
document.write(a.toLocaleString()); // -> 2009年8月8日 17:28:36
document.write(a.toLocaleDateString()); // -> 2009年8月8日 登录后复制
区别在于，toString()返回标准格式，toLocaleString()返回本地格式完整日期（在【控制面板】>>【区域和语言选项】，通过修改[时间]和[长日期]格式），toLocaleDateString()跟toLocaleString()一样，只是少了时间
valueOf
根据不同对象返回不同原始值，用于输出的话跟toString()差不多，但是toString()是返回string类型，而valueOf()是返回原对象类型
var a = [1,2,3,[4,5,6,[7,8,9]]];
var b = new Date();
var c = true;
var d = function(){
alert("sunnycat");
};
document.write(a.valueOf()); // -> 1,2,3,4,5,6,7,8,9
document.write(typeof (a.valueOf())); // -> object
document.write(b.valueOf()); // -> 1249874470052
document.write(typeof(b.valueOf())); // -> number
document.write(c.valueOf()); // -> true
document.write(typeof(c.valueOf())); // -> boolean
document.write(d.valueOf()); // -> function () { alert("sunnycat"); }
document.write(typeof(d.valueOf())); // -> function 登录后复制
数组也是对象，所以typeof (a.valueOf())返回object，返回的依然是个多维数组
var a = [1,2,3,[4,5,6,[7,8,9]]];
var aa = a.valueOf();
document.write(aa[3][3][1]); // -> 8 登录后复制
Date对象返回的是距离1970年1月1日的毫秒数，
Jquery 数组操作
在jquery中处理JSON数组的情况中遍历用到的比较多，但是用添加移除这些好像不是太多。
1、数组的创建
var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 登录后复制
要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这时长度会随之改变。
2、数组的元素的访问
var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值 登录后复制
3、数组元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾，并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回"" 登录后复制
4、数组元素的删除
arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值，数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素 登录后复制
5、数组的截取和合并
arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分，注意不包括 end 对应的元素，如果省略 end 将复制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组 登录后复制
6、数组的拷贝
arrayObj.slice(0); //返回数组的拷贝数组，注意是一个新的数组，不是指向
arrayObj.concat(); //返回数组的拷贝数组，注意是一个新的数组，不是指向 登录后复制
7、数组元素的排序 arrayObj.reverse(); //反转元素（最前的排到最后、最后的排到最前），返回数组地址
8、数组元素的字符串化
arrayObj.join(separator); //返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator 隔开。
toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用 登录后复制
我们今天的关于jquery – “复杂”的javascript ternarys 和js复杂数据类型有哪些 的分享就到这里，谢谢您的阅读，如果想了解更多关于ajax与javascript,jquery, jquery UI、Bootstrap的JavaScript需要jQuery,而jQuery已加载、Flash AS2.0和JavaScript / jQuery(ExternalInterface)通信、JavaScript jQuery 中定义数组与操作及jquery数组操作_jquery 的相关信息，可以在本站进行搜索。
