Dojo QuickStart 快速入门教程 (5) 使用数组

简介:

Dojo 提供了一些数组处理方法,看看都有什么。

1、元素定位

dojo.indexOf(array,value)

dojo.lastIndexOf(array,value)

功能:返回 value 在 array 中的位置,如果没有找到则返回-1

下面是例子:

dojo.indexOf(["a", "b", "c","a", "b", "c"], "c")

dojo.lastIndexOf(["a", "b", "c","a", "b", "c"], "c")

 

2、枚举

dojo.forEach(array,callback)

或者

array.forEach(callback)

返回值:无

功能:用 callback 函数处理 array 中的每一个元素

例子,枚举出我的博客里最近发表的文章

复制代码
function test_forEach(){
    var arr=dojo.query("li","RecentPosts");
    dojo.forEach(arr, function(item, i){
        var li = dojo.doc.createElement("li");
        li.innerHTML = i+1+"_ "+item.innerHTML;
        dojo.byId("result_forEach").appendChild(li);
    });
}
复制代码

 

3、枚举并返回数组

dojo.map(array,callback)

或者

array.map(callback)

功能:用 callback 函数处理 array 中的每一个元素,并存进另外一个 array 中

返回值:返回处理后的得到的 array

例子:现有一个数组 [200, 300, 1500, 4500],将它每个元素增加10%

复制代码
ExpandedBlockStart.gif ContractedBlock.gif function  test_map() {
    
var arr = [20030015004500];
ExpandedSubBlockStart.gifContractedSubBlock.gif    
var afterMap = dojo.map(arr, function(item){
        
return item+(item/100)*10;
    }
);

ExpandedSubBlockStart.gifContractedSubBlock.gif    dojo.forEach(afterMap, 
function(item, i){
        
var li = dojo.doc.createElement("li");
        li.innerHTML 
= i+1+". New: "+item;
        dojo.byId(
"result_map").appendChild(li);
    }
);
}
复制代码

 

4、条件过滤

dojo.filter(arr,callback)

功能:用 callback 函数处理 array 中的每一个元素,将符合条件的元素存进返回数组中,并返回

返回值:数组

例子,把下面数组中 price 大于 30 的元素找出来

[ {price:10,name:"苹果"}, {price:20,name:"肉"}, {price:30,name:"油"}, {price:40,name:"汽车"}, {price:70,name:"杭州"}]

复制代码
ExpandedBlockStart.gif ContractedBlock.gif function  test_filter() {
    
var arr = [
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{price:10,name:"苹果"},
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{price:20,name:""},
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{price:30,name:""},
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{price:40,name:"汽车"},
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{price:70,name:"杭州"},
    ];
ExpandedSubBlockStart.gifContractedSubBlock.gif    
var filteredArr = dojo.filter(arr, function(item){
        
return (item.price>30);
    }
);

ExpandedSubBlockStart.gifContractedSubBlock.gif    dojo.forEach(filteredArr, 
function(item, i){
        
var li = dojo.doc.createElement("li");
        li.innerHTML 
= i+1+""+item.name;
        dojo.byId(
"result_filter").appendChild(li);
    }
);
}
复制代码

 

5、至少有一个

dojo.some(array,callback)

功能:用 callback 函数处理 array 中的每一个元素,如果存在一个以上符合条件的元素则返回 true ,否则返回 false

例子:[10203090]是否有大于50的元素

复制代码
ExpandedBlockStart.gif ContractedBlock.gif function  test_some() {
    
var res=dojo.some(
    [
10203090],
ExpandedSubBlockStart.gifContractedSubBlock.gif    
function(item){
        
return item>50
    }
);
    alert(res);
}
复制代码


 

6、全部都

dojo.every(array,callback)

功能:用 callback 函数处理 array 中的每一个元素,所有元素都符合条件才返回 true ,否则返回 false

例子:把上面例子中的 some 改成 every ,结果就不一样了

复制代码
ExpandedBlockStart.gif ContractedBlock.gif function  test_every() {
    
var res=dojo.every(
    [
10203090],
ExpandedSubBlockStart.gifContractedSubBlock.gif    
function(item){
        
return item>50
    }
);
    alert(res);
}
复制代码


 

版权声明:本博客文章如非特别注明,均为原创,作者保留所有权利!欢迎转载,转载请注明作者左洸和出处博客园

 

所属分类的其他文章:

1. Dojo QuickStart 快速入门教程 (4) 简单的测试框架 2. Dojo QuickStart 快速入门教程 (3) 选择器 3. Dojo QuickStart 快速入门教程 (2) 基本框架 4. Dojo QuickStart 快速入门教程 (1) Why Dojo

 
//==========================================



本文转自左洸博客园博客,原文链接:http://www.cnblogs.com/myqiao/archive/2009/05/18/1458882.html,如需转载请自行联系原作者

目录
相关文章
|
11月前
|
JavaScript 前端开发 API
JavaWeb快速入门--jQuery
JavaWeb快速入门--jQuery
52 0
|
监控 JavaScript 前端开发
Grunt快速入门教程
Grunt入门介绍:中文主页 : http://www.gruntjs.net/ Grun是一套前端自动化构建工具,一个基于nodeJs的命令行工具 Grunt它是一个任务运行器
88 0
|
前端开发
Boostrap快速入门
Boostrap快速入门
64 0
|
JavaScript 前端开发 数据安全/隐私保护
JavaWeb--快速入门jQuery(二)
JavaWeb--快速入门jQuery(二)
133 0
JavaWeb--快速入门jQuery(二)
|
JavaScript 前端开发 API
JavaWeb--快速入门jQuery(一)
JavaWeb--快速入门jQuery(一)
121 0
JavaWeb--快速入门jQuery(一)
|
JavaScript 索引
JavaWeb--快速入门jQuery(三)
JavaWeb--快速入门jQuery(三)
121 0
JavaWeb--快速入门jQuery(三)
|
JavaScript 前端开发 Java
JavaWeb--快速入门JavaScript(二)
JavaWeb--快速入门JavaScript(二)
123 0
JavaWeb--快速入门JavaScript(二)
|
JavaScript 前端开发 Java
JavaWeb--快速入门JavaScript(一)
JavaWeb--快速入门JavaScript(一)
281 0
JavaWeb--快速入门JavaScript(一)
|
SQL 数据可视化 数据挖掘
Metabase的基本使用:10分钟快速入门
Metabase的基本使用:10分钟快速入门
4501 0
Metabase的基本使用:10分钟快速入门
|
资源调度 前端开发
Gatsby 入门示例
Gatsby 初始化项目
247 0