日度归档:2020年9月5日

javascript 如何为数组封装一个统计数组元素出现次数的方法呢?


摘要:
下文讲述js代码中为数组封装统计元素出现个数函数的方法分享,如下所示;

实现思路:
     1.可使用数组的reduce方法即可获取数组中每个元素重复的个数
     2.使用Array.prototype为数组扩展相应的方法

例:

 <meta charset='utf-8' />
<p>
maomao365.com<br />
为数组封装统计出现次数的方法
</p>
<hr />
<script>


Array.prototype.chuXianCiShu = function(){
    let obj ={};
	return this.reduce(function(time,name){
		if(name in obj){
			obj[name]++;
		}else{
			obj[name] = 1;
		}
		return obj;
	},{});
}

var arrayList =[8,9,8,10,11,11,12,9,8,8,9,100];

var t = arrayList.chuXianCiShu();
console.log(t);

</script>
javascript为数组封装一个统计元素出现次数的方法的示例分享

javascript为数组封装一个统计元素出现次数的方法的示例分享

javascript 如何获取数组中每个元素在数组中重复的次数呢?


摘要:
下文讲述js代码获取元素在数组中重复次数的方法分享,如下所示;

实现思路:
    使用数组的reduce方法即可获取数组中每个元素重复的个数

例:

<meta charset='utf-8' />
<p>
maomao365.com<br />
找出数组中符合指定条件的元素
</p>
<hr />
<script>


function shuZuChongFuGeShu(arr) {
  var mapStorage = {};
  for (var index = 0; index < arr.length; index++) {
    var val = arr[index];
    if (!mapStorage[val]) {
      mapStorage[val] = 1
    } else {
      mapStorage[val]++;
    }
  }
  for (var k in mapStorage) {
    document.write(k + '在数组中出现的次数为' + mapStorage[k]+"<br />");
  }
}



var arrayList =[8,9,8,10,11,11,12,9,8,8,9,100];

document.write(arrayList.join()+"<br />");
shuZuChongFuGeShu(arrayList);
</script>
javascript_使用js代码获取数组中元素重复的个数

javascript_使用js代码获取数组中元素重复的个数

javascript 如何对数组中的元素进行查找操作呢?


摘要:
下文讲述使用js代码获取数组中满足指定条件的元素的方法分享,如下所示;

数组中查找元素是我们对数组操作中常用法的方法,那么如何对数组进行查找操作呢?
下文将通过示例的方式一一讲解,如下所示:

实现思路:
    方式1:(可以查找出符合条件的数组,并返回数组)
       使用filter函数
        
   
    方式2:(检索出符合条件的元素,并返回第一个元素)
       使用find函数
 
    方式3:(检索是否存在指定条件的元素,返回true或false)
       使用some函数     
     

例:
将数组中大于100的数找出来


<meta charset='utf-8' />
<p>
maomao365.com<br />
找出数组中符合指定条件的元素
</p>
<hr />
<script>
let arrList = [101,99,72,111,183,67,94]

// filter 实现
let r1= arrList.filter(a => {
    return a > 100
}); 

// find 实现
let r2 = arrList.find(a => {
    return a > 100
});

// some 实现
let r3 =  arrList.some(a => {
    return a > 100
})


document.write("filter查找数组:"+r1.join()+"<br />");
document.write("find查找数组:"+r2+"<br />");
document.write("some查找数组:"+r3+"<br />");
</script>
js数组过滤的示例分享

js数组过滤的示例分享