javascript邮箱系统前端开发（一）

最新推荐文章于 2024-04-14 23:12:44 发布

weixin_33682790

最新推荐文章于 2024-04-14 23:12:44 发布

阅读量804

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript python ViewUI

原文链接：https://my.oschina.net/yonglei/blog/295296

本文详细介绍了JavaScript中的关键方法，包括jQuery的each()方法用于数组和对象的遍历、push()和unshift()方法用于数组元素的添加、split()方法用于字符串的分割以及join()方法用于数组元素的连接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

一、一级菜单展示

//一级菜单展示
$(function(){
    var html = [];
    $.each(SUBMENU_CONFIG,function(i,o) {
        html.push('<li><a href="" title="'+ o.tip +'" data-id="'+ o.id +'">'+ o.name +'</a></li>');
    });
    
    $('#J_B_main_block').html(html.join(''));
 
    //后台位在第一个导航
    $('#J_B_main_block li:first > a').click();
});

二、 jQuery.each() 【jQuery官方手册】

语法：

jQuery.each( array, callback )
jQuery.each( object, callback )

2.1.1 实例一：

$.each([ 52, 97 ], function( index, value ) {
  alert( index + ": " + value );
});   // outputs 0: 52 1: 97

2.1.2 实例二：

var obj = {  "flammable": "inflammable", "duh": "no duh" };

$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});
// this produces two messages:
//  flammable: inflammable 
//  duh: no duh

2.1.3 综合实例三：

a). HTML结构

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>

b). jQuery代码

<script>
var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
 
jQuery.each( arr, function( i, val ) {
  $( "#" + val ).text( "Mine is " + val + "." );
  return ( val !== "three" );   // Will stop running after "three"
});
 
jQuery.each( obj, function( i, val ) {
  $( "#" + i ).append( document.createTextNode( " - " + val ) );
});
</script>

c).输出结果

Mine is one. - 1
Mine is two. - 2
Mine is three. - 3
- 4
- 5

三、javascript push()

push() 方法，向数组的末尾添加一个或多个元素，并返回新的长度。

array.push(item1, item2, ..., itemX)

Javascript代码：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi", "Lemon", "Pineapple");

输出结果：

Banana,Orange,Apple,Mango,Kiwi,Lemon,Pineapple

说明：push() 方法可把它的参数顺序添加到 array的尾部。它直接修改 arrayObject，而不是创建一个新的数组。

四、JavaScript unshift()

unshift() 方法，向数组的开头添加一个或更多元素，并返回新的长度。

array.unshift(item1,item2, ..., itemX)

Javascript代码：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");

输出结果：

Lemon,Pineapple,Banana,Orange,Apple,Mango

注意：unshift() 方法不创建新的创建，而是直接修改原有的数组。该方法无法在 IE中正确地工作！

提示：要把一个或多个元素添加到数组的尾部，请使用 push() 方法。

五、JavaScript split()

split() 方法，用于把一个字符串分割成字符串数组。

/*
* @separator(必需) 指定分割string字符串或正则表达式。
* @limit（可选） 该参数可指定返回的数组的最大长度。
*/
string.split(separator,limit)

JavaScript代码：

var str = "How are you doing today?";
var res = str.split(" ");

输出结果：

How,are,you,doing,today?

注意：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

六、JavaScript join()

join() 方法，用于把数组中的所有元素放入一个字符串。

/*
* @separator（可选） 指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。
*/
array.join(separator)

JavaScript代码：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();

输出结果：

Banana,Orange,Apple,Mango

转载于:https://my.oschina.net/yonglei/blog/295296