标签归档:js技巧

javascript如何将数组中元素进行反转呢?


摘要:
下文讲述javascript中将数组反转的方法分享,如下所示;

今天接到领导需求,需要数组中元素进行倒序输出
将第一个元素放入最后一位
第二个元素放入倒数第二位
以此类推
最后一个元素放入第一位,
那么如何实现此需求呢?

实现思路: 
   javascript提供一个原生态的函数,
    可对数组进行反转排序
    arrayObj.reverse();    

例:
js数组中元素反转的示例分享

 
   
<style>
#div1{
   background-color:green;
   width:300px;
   height:100px; 
   color:white;font-weight:bold;
}
</style>
<meta charset="UTF-8"> 
<p>
maomao365.com<br />
js数组中元素反转的示例分享
</p>
<hr />
<script>
 window.onload = function(){
     var d = document.getElementById("div1");
     var arrayList =['maomao365.com','sqlserver',true,"12","888",999];  	
      
      //输出数据
      d.innerHTML =  arrayList.reverse().join(","); 
 }
</script>
<div id="div1">
</div>
javascript数组反转的示例分享

javascript数组反转的示例分享

javascript如何将数组转换为一个字符串呢?


摘要:
下文讲述javascript中将数组转换为字符串的方法分享,如下所示;

实现思路: 
     方式一:
       arrayObj.join(separator);
       // separator为数组间元素之间的连接符
  
     方式二: 
      toLocaleString 、toString 、valueOf
      三种方式也可以对数组进行转换,
      我们可认为他们是join的固定用法  

例:
js数组转换为字符串的示例分享

 
   
<style>
#div1{
   background-color:green;
   width:300px;
   height:100px; 
   color:white;font-weight:bold;
}
</style>
<meta charset="UTF-8"> 
<p>
maomao365.com<br />
js数组中元素转换为字符串分享
</p>
<hr />
<script>
 window.onload = function(){
     var d = document.getElementById("div1");
     var arrayList =['maomao365.com','sqlserver',true,"12","888",999];  	
      
      //输出数据
      d.innerHTML =  arrayList.join(","); 
 }
</script>
<div id="div1">
</div>
javascript数组转换为字符串的示例分享

javascript数组转换为字符串的示例分享

javascript如何移除数组中的元素呢?


摘要:
下文讲述javascript中删除数组中元素的方法分享,如下所示;

删除数组中元素,是我们日常经常使用的功能,
那么JavaScript如何实现这一需求呢?
下文将一一道来,如下所示:

实现思路: 
     方式一:
        arr.pop();
        // 移除数组中最后一个元素
        // 并返回移除的值

     方式二:
       arr.shift();
        // 移除数组中第一个元素
        // 并返回移除的值

     方式三:
       arr.splice(deletePos,deleteCount); 
         //删除从指定位置deletePos开始的指定数量deleteCount的元素
         //并返回一个数组,数组中的元素为所移除的元素 

例:
js删除数组中元素的示例分享

 
   
<style>
#div1{
   background-color:green;
   width:300px;
   height:100px; 
   color:white;font-weight:bold;
}
</style>
<meta charset="UTF-8"> 
<p>
maomao365.com<br />
js删除数组中元素的三种方式分享
</p>
<hr />
<script>
 window.onload = function(){
     var d = document.getElementById("div1");
     var arrayList =['maomao365.com','sqlserver',true,"12","888",999];  	
      
     //方式1:
     arrayList.pop();

     //方式2:
     arrayList.shift();
   
     //方式3:
     arrayList.splice(0,3);

      //输出数据
      d.innerHTML =  arrayList.join(","); 
 }
</script>
<div id="div1">
</div>
javascript删除数组中元素的示例分享

javascript删除数组中元素的示例分享