haoxins · alexliu1987 · Jul 11, 2016 · Jul 11, 2016 · Jul 11, 2016 · Jul 11, 2016
diff --git a/Readme.md b/Readme.md
@@ -165,6 +165,24 @@ fileinclude({
 }
 ```
 
+### `for` statement
+
+```js
+fileinclude({
+  context: {
+    arr: ['test1','test2']
+  }
+});
+```
+
+```
+<ul>
+@@for(var i=0;i<arr.length;i++){
+  <li>`+arr[i]+`</li>
+}
+</ul>
+```
+
 ### License
 MIT
 

diff --git a/lib/index.js b/lib/index.js
@@ -76,6 +76,12 @@ module.exports = function(opts) {
       name: 'if',
       handler: conditionalHandler
     });
+    text = replaceOperator(text, {
+      prefix: opts.prefix,
+      suffix: opts.suffix,
+      name: 'for',
+      handler: forHandler
+    });
     text = replaceVariable(text, data, opts);
     text = replaceFunction(text, {
       prefix: opts.prefix,
@@ -92,6 +98,15 @@ module.exports = function(opts) {
       return condition ? inst.body : '';
     }
 
+    function forHandler(inst){
+      var condition='var context = this; with (context) { var result=""; for' + inst.args + ' { result+=`' + inst.body + '`; } return result; }';
+      // jshint ignore: start
+      var result = new Function(condition).call(data);
+      // jshint ignore: end
+
+      return result;
+    }
+
     function includeHandler(inst) {
         var args = /[^)"\']*["\']([^"\']*)["\'](,\s*({[\s\S]*})){0,1}\s*/.exec(inst.args);
 

diff --git a/test/fixtures/arr-result.html b/test/fixtures/arr-result.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+  <h1>view</h1>
+
+<label>haoxin</label>
+
+<label>12345</label>
+
+  </body>
+</html>
diff --git a/test/fixtures/arr.html b/test/fixtures/arr.html
@@ -0,0 +1,3 @@
+@@for(var i=0;i<name.length;i++){
+<label>`+name[i]+`</label>
+}
diff --git a/test/fixtures/index-05.html b/test/fixtures/index-05.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <body>
+  @@include('view.html')
+  @@include('./arr.html', {
+    "name": ["haoxin",12345]
+  })
+  </body>
+</html>
diff --git a/test/index.js b/test/index.js
@@ -9,6 +9,7 @@ describe('## gulp-file-include', function() {
   var result = fs.readFileSync('test/fixtures/result.html', 'utf8');
   var resultJS = fs.readFileSync('test/fixtures/result.js', 'utf8');
   var resultSamePrefix = fs.readFileSync('test/fixtures/sameprefix-result.html', 'utf8');
+  var resultArr = fs.readFileSync('test/fixtures/arr-result.html', 'utf8');
 
   describe('# default', function() {
     it('file', function(done) {
@@ -441,4 +442,44 @@ describe('## gulp-file-include', function() {
       stream.end();
     });
   });
+
+  describe('# for statement', function() {
+    it('file', function(done) {
+      var file = new gutil.File({
+        path: 'test/fixtures/index-05.html',
+        contents: fs.readFileSync('test/fixtures/index-05.html')
+      });
+
+      var stream = fileIncludePlugin();
+      stream.on('data', function(newFile) {
+        should.exist(newFile);
+        should.exist(newFile.contents);
+
+        String(newFile.contents).should.equal(resultArr);
+        done();
+      });
+
+      stream.write(file);
+      stream.end();
+    });
+
+    it('stream', function(done) {
+      var file = new gutil.File({
+        path: 'test/fixtures/index-05.html',
+        contents: fs.createReadStream('test/fixtures/index-05.html')
+      });
+
+      var stream = fileIncludePlugin();
+      stream.on('data', function(newFile) {
+        should.exist(newFile);
+        should.exist(newFile.contents);
+
+        String(newFile.contents).should.equal(resultArr);
+        done();
+      });
+
+      stream.write(file);
+      stream.end();
+    });
+  });
 });