写一个使用var 定义一个名为data数组，在data数组里面创建数据，通过layui表格里面clos形式把数据渲染到表格中，同时将一个用于新增功能添加到到表格最后一行上，并在新增前面添加索引

可以参考以下代码实现：

// 定义一个名为data的数组
var data = [
  {id: 1, name: '张三', age: 20, gender: '男'},
  {id: 2, name: '李四', age: 22, gender: '女'},
  {id: 3, name: '王五', age: 25, gender: '男'}
];

// 渲染表格
layui.use('table', function(){
  var table = layui.table;
  
  table.render({
    elem: '#demo',
    cols: [[
      {field: 'id', title: 'ID'},
      {field: 'name', title: '姓名'},
      {field: 'age', title: '年龄'},
      {field: 'gender', title: '性别'}
    ]],
    data: data
  });
  
  // 新增功能
  var index = data.length + 1;
  
  table.on('tool(test)', function(obj){
    if(obj.event === 'add'){
      var newRowData = {id: index, name: '', age: '', gender: ''};
      table.addRow('#demo', newRowData);
      index++;
    }
  });
});

以上代码中，我们利用 var 关键字定义一个名为 data 的数组，并在其中创建了一些数据。接着，使用 layui 表格组件将数据渲染到了表格中。同时，我们利用 layui 表格组件的 on 方法监听了一个叫做 add 的事件，当用户点击“新增”按钮时，就会在表格的最后一行添加一行新数据，并将索引值自增 1。这样就实现了题目中所要求的功能。