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>

实现效果图：

时间： 2024-08-01 22:45:06

javascript Array数组常用方法学习与总结的相关文章

javascript中数组常用方法总结

原文:javascript中数组常用方法总结在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString()和valueOf()方法 toString()方法,就是将数组拼接成字符串返回,默认情况下以逗号分隔.valueOf返回数组本身. 1 var a=["a3","bs","c1","d邓"]; 2 var c=a.toStri

Javascript Array 非常用方法解析

1. map var ary = Array(3); ary[0] = 2 ary.map(function(elem) { return '1'; }); 结果是["1", undefined * 2], 因为map 只能被初始化过的数组成员调用 2. reduce [].reduce(Math.pow): //typeError, 空数组上调用reduce [3,2,1].reduce(function(x, y) { console.log(x, y); return Math.

JavaScript Array 数组方法汇总

JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 console.log(arr) // [1,2,3,4,5,5] 2.arr.unshift() 从前面添加元素, var arr = [1,2,3,4,5] console.log(arr.unshift(2)) // 6 console.log(arr) //[2,1

———— javascript中数组常用方法总结 ————

在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString()和valueOf()方法 toString()方法,就是将数组拼接成字符串返回,默认情况下以逗号分隔.valueOf返回数组本身. 1 var a=["a3","bs","c1","d邓"]; 2 var c=a.toString(); 3 var b=a.valueOf

javascript Array数组详解各种方法

1.数组的声明方法(1): arrayObj = new Array(); //创建一个数组.复制代码代码如下: var arr1 = new Array(); (2):arrayObj = new Array([size]) 创建一个数组并指定长度,注意不是上限,是长度.复制代码代码如下: var a = new Array(5); (3):arrayObj = new Array([element0[, element1[, ...[, elementN]]]]) 创建一个数组并赋值.复

JavaScript——Array 数组对象

数组方法: 关于slice: 关于sort: >arrayObject.sort(方法函数) 方法函数:可选,规定排序顺序,必须是函数. 如果不指定<方法函数>,则按unicode码顺序排列: 如果指定<方法函数>,则按<方法函数>所指定的排序方法排序. >方法函数: 该函数要比较两个值,然后返回一个用于说明这两个值相对顺序的数字. 比较函数应该具有两个参数a,b,其返回值如下: 若返回值<=-1,则表示A在排序后的序列中出现在B之前. 若返回值>

javascript Array 数组的迭代方法

javascript迭代的方法 //filter() 利用指定的函数确定是否返回数组中包涵的某一项 var num = [1,2,3,4,5,6,12]; num.filter(function(item, index, array){ return (item > 2); //[3, 4, 5, 6, 12] }); //map() 返回一个数组,数组中每一项都是在原始数组中的对应项上运行传入参数的结果 var num = [1,2,3,4,5,4,3,2,1]; num.map(functi

JavaScript Array数组对象

<DOCTYPE html> <html> <head> <title>数组</title> </head> <body> <script type="text/javascript"> //1.无参构造函数,创建一空数组 // var a1=new Array(1,2,3,4); //document.write(a1) var a = new Array(); a[0] = "

Array 数组常用方法

(1)基本的数组方法 1.join() Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串.可以自己指定分隔的符号,如果不指定,默认使用逗号 var arr = [1,2,3]; console.log(arr.join());//"1,2,3" console.log(arr.join("-"));//"1-2-3" var a = new Array(10); //长度为10的空数组组成下边字符串