javascript Array数组常用方法学习与总结
<script>
var a=[1,2,3,4];
document.body.innerHTML='<b>'+a.join()+'</b>'+'</br>';
document.write('<b>'+typeof(a.join(' '))+'</b>'+'</br>');
document.write('<b>'+a.join(' ')+'</b>'+'</br>');
document.write('<b>'+a.join('-')+'</b>'+'</br>');
document.write('<b>'+a.reverse().join("*")+'</b>'+'<hr>');
var b=["22","555","44","1"];
document.write('<b>'+b.sort()+'</b>'+'</br>');
var c=["2","555","44","11"];
document.write('<b>'+c.sort(function(a,b){return a-b})+'</b>'+'</br>');
var d=["2","5","4","1"];
document.write('<b>'+d.concat(6,8)+'</b>'+'</br>'+'<hr>');
var e=["2","5","4","1"];
document.write('<b>'+e.splice(1,3)+'</b>'+'</br>');
var f=["2","5","4","1"];
document.write('<b>'+f.splice(2)+'</b>'+'</br>'+'<hr>');
var g=["red","yellow","blue"];
document.write('<b>'+"修改后数组的新长度为："+g.push("green","pink")+'</b>'+'</br>');
document.write('<b>'+"删除的数组值为："+g.pop()+'</b>'+'</br>'+'<hr>');
var e=["red","yellow","blue"];
document.write('<b>'+"删除的数组的一个元素是："+e.shift()+'</b>'+'</br>');
document.write('<b>'+"数组前端添加元素后，数组的长度："+e.unshift("red","black")+'</b>'+'</br>'+'<hr>');
var f=["red","yellow","blue"];
document.write('<b>'+"本身的类型为："+typeof(f)+'</b>'+'</br>');
document.write('<b>'+f.toString()+'</b>'+'</br>');
document.write('<b>'+"使用toString后的类型变为："+typeof(f.toString())+'</b>'+'</br>');
document.write('<b>'+f.valueOf()+'</b>'+'</br>');
document.write('<b>'+"使用valueOf()后的类型变为："+typeof(f.valueOf())+'</b>'+'</br>'+'<hr>');
var h=["red","yellow","blue","red"];
document.write('<b>'+"red所在数组的位置是："+h.indexOf("red")+'</b>'+'</br>');
document.write('<b>'+"从1的位置开始找blue所在数组的位置是："+h.indexOf("blue",1)+'</b>'+'</br>');
document.write('<b>'+"使用，lastindexOf(),red所在数组的位置是："+h.lastIndexOf("red")+'</b>'+'</br>'+'<hr>');
var data1=[1,2,3,4,5];
var sum=0;
data1.forEach(function(value){sum+=value;});
document.write('<b>'+"sum的值为："+sum+'</b>'+'</br>');
data1.forEach(function(v,i,data){data[i]=v+3;});
document.write('<b>'+"data中的值为："+data1+'</b>'+'</br>'+'<hr>');
var data2=[1,2,3,4,5];
var sum=0;
data=data2.map(function(x){return sum+=x});
document.write('<b>'+"原来数组："+data2+'</b>'+'</br>');
document.write('<b>'+"sum的值："+sum+'</b>'+'</br>');
document.write('<b>'+"新数组中的值为："+data+'</b>'+'</br>'+'<hr>');
var data3=[1,2,3,4,5];
data33=data3.filter(function(x){return x<3;});
document.write('<b>'+"新数组中的值为："+data33+'</b>'+'</br>');
data333=data3.filter(function(x){return x%2==0;});
document.write('<b>'+"新数组中的值为："+data333+'</b>'+'</br>'+'<hr>');
var data4=[1,2,3,4,5];
data44=data4.every(function(x){return x<3;});
document.write('<b>'+"使用every()的返回值："+data44+'</b>'+'</br>');
data444=data4.some(function(x){return x<3});
document.write('<b>'+"使用some()的返回值："+data444+'</b>'+'</br>'+'<hr>');
var data5=[1,2,3,4,5];
var sum=data5.reduce(function(x,y){return x+y},0);
document.write('<b>'+"sum的值："+sum+'</b>'+'</br>');
var sum1=data5.reduce(function(x,y,index,data5){return x+y});
document.write('<b>'+"sum1的值："+sum1+'</b>'+'</br>');
var sum2=data5.reduce(function(x,y,index,data5){return x*y},2);
document.write('<b>'+"sum2的值："+sum2+'</b>'+'</br>');
</script>
实现效果图：