JavaScript操作DOM与数组应用-优快云博客

本文链接：https://blog.youkuaiyun.com/snn1410/article/details/7865073

3） prepend(content) 向每个匹配的元素内部前置内容。

ex：

html代码：

<p> I would like to say;</p>

jquery代码：

$("p").prepend("<b>Hello</b>");

结果：[ <p><b>Hello</b>I would like to say: </p> ]

4）pretendTo(content)实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。

html代码：<p>I would like to say: </p><div id="foo"></div>

jquery代码：$("p").prependTo("#foo");

结果：<div id="foo"><p>I would like to say: </p></div>

*************************************

* 数组和字符串 *

*************************************

12、利用数组在列表中显示文字：

1）分隔符“ ， ” 隔开 $("p").text(members.join(","));

2） html 分行显示： $("p").html(members.join("<br/>"));

13.$.map(array,callback) --- 对数组进行操作，返回一个崭新的数组

$.map(array,function(n,i){return(i+1+"."+n); }) --- i->index n-->value

14、jQuery.grep(array, callback, [invert])

jQuery 代码:

$.grep( [0,1,2], function(n,i){ return n > 0; });

结果：【1,2】

15、对数组元素进行排序

1）字符串

var members = ["John","Steven","Ben","Ann","Ian"];
    $("p.allmen").html(members.join("<br/>"));
    members = members.sort();
    $("p.sorted").html(members.join("<br/>"));

以上sort（）方法是按照字母顺序为字符串数组排序，此方法是基于ASCii值进行排序，所以最好统一名字的形式，也就是说，要么都以大写开头，要么都以小写开头，不要混淆。

2）数值数组排序

    var members = [9,21,4,55,61];
    $("p.allmen").html(members.join("<br/>"));
    members = members.sort(function(a,b){return a-b});
    $("p.sorted").html(members.join("<br/>"));

为了正确的对数值进行排序，必须为sort（）方法定义一个比较函数。如果定义了比较函数，将把数组中的一对值发送到比较函数中进行比较，重复这一操作，直到吧数组的所有元素处理完毕。

16、subarray = mainarray.splice（m,n ）拆分数组---- 将数组从m的元素开始删除n个元素后取得的数组

subarray是已经删除的元素

而删除后剩下的元素就留在了mainarray中

例子：

效果如右图所示：

17、合并数组 concat ---

结果：

Members of my Group are

9
21
4
55
1
2
3

18、把数值数组转换为字符串，并查找其子字符串

结果：

original array is:

9
21
4
55

array in form of string:

921455

substring is:

921

19、创建对象数组

   var students=[
   {
      "role":101,
      "name":"Ben",
      "emailId":"ben@gmail.com"
   }
   ,
   {
      "role":102,
      "name":"Ann",
      "emailId":"Ann@gmail.com"
   }
   ,
   {
      "role":103,
      "name":"Ian",
      "emailId":"Ian@gmail.com"
   }

];
   $.each(students,function(index,value){

  $("p.listofstud").append("role = "+value.role+"; name="+value.name+"; emailId = "+value.emailId+"<br/>");
  });

});
</script>
<body>
<h3>List of students is</h3>
<p class="listofstud"></p>
</body>

20、为对象数组排序：

   var students=[
   {
      "role":111,
      "name":"Ben",
      "emailId":" ben@gmail.com"
   }
   ,
   {
      "role":102,
      "name":"Ann",
      "emailId":" Ann@gmail.com"
   }
   ,
   {
      "role":100,
      "name":"Ian",
      "emailId":" Ian@gmail.com"
   }

];
   //按数字排序（升序）倒序return b-a
/*
students = students.sort(function(a,b){
          return a.role-b.role;

          });
*/
//按字符串排序
students = students.sort(function(a,b){
          if(a.name<b.name){return -1;}
          if(a.name>b.name){return 1;}
          return 0;
});
   $.each(students,function(index,value){

  $("p.listofstud").append("role = "+value.role+"; name="+value.name+"; emailId = "+value.emailId+"<br/>");
  });

});