SAP Fiori开发中的JavaScript基础知识16 - 用JavaScript实现ABAP的内表效果

1. ABAP内表

内表是ABAP编程过程中最常用的一种数据类型,下面是一个简单的内表程序,也即使用内表存储多个"人名数据"。

先定义结构ts_person,并基于结构定义内表变量lt_people,然后通过insert语句为内表赋值。

javascript 复制代码
REPORT ztest_interal_table.

TYPES: BEGIN OF ts_person,
         first_name TYPE string,
         last_name  TYPE string,
       END OF ts_person.

DATA: ls_person TYPE ts_person,
      lt_people TYPE STANDARD TABLE OF ts_person.

ls_person-first_name = 'Mick'.
ls_person-last_name  = 'Wang'.
INSERT ls_person INTO TABLE lt_people.

ls_person-first_name = 'Tom'.
ls_person-last_name  = 'li'.
INSERT ls_person INTO TABLE lt_people.

ls_person-first_name = 'Jone'.
ls_person-last_name  = 'Xu'.
INSERT ls_person INTO TABLE lt_people.

LOOP AT lt_people ASSIGNING FIELD-SYMBOL(<ls_person>).
  WRITE: / <ls_person>-first_name, <ls_person>-last_name.
ENDLOOP.

2. JavaScript的等价实现

如何用JavaScript进行等价实现呢?

首先让我们声明一个构造函数Person,用于定义类型;然后定义一个数组people来存储数据;数组中存储的是基于Person生成的对象实例。

javascript 复制代码
// construct Person as object with the fields firstName and lastName
function Person(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
}

// create an arrary to store different people
let people = [];
people.push(new Person("Mick", "Wang"));
people.push(new Person("Tom", "Li"));
people.push(new Person("Jone", "Xu"));

// loop over the arrary and print out
for (let person of people) {
    console.log(person.firstName + " " + person.lastName);
}

如果要进行类比的话,可以有如下的对应关系:

  • JavaScript的function Person()实现了ABAP中定义的数据结构ts_person;
  • JavaScript的数组people实现了ABAP中内表变量lt_people的功能;
  • JavaScript中数组的push()方法为数组赋值,实现了ABAP中Insert关键字向内表插入数据的效果。

3. 小结

本文通过一个小的示例程序,展示了用JavaScript的函数和数组实现ABAP中内表的效果。希望本文对你有帮助!

相关推荐
香芋芋圆7 小时前
AI 冲击内卷之下,普通前端如何破局?WebGIS—— 低门槛突围赛道
前端·javascript·人工智能·学习·职场发展
INS_KF8 小时前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6748 小时前
vue3-async
前端·javascript·vue.js
excel9 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript
一个游离的指针12 小时前
函数管道:消除深度嵌套调用
前端·javascript
柚yuzumi13 小时前
前端优化,从少触发一次开始:防抖与节流
前端·javascript
默_笙13 小时前
🚤 CSS 布局的"圈地运动":BFC 就是浏览器的独立领地
前端·javascript
用户9385156350713 小时前
大模型记忆指南:从短时缓存到永久记忆,手把手带你吃透 LangChain Memory 管理
javascript·人工智能
xqchen14 小时前
Web Components 普及困境深度解析:技术标准与工程实践的落差
javascript
爱丶不疚14 小时前
写给前端工程师的现代 Python 工程化最佳实践:从 pnpm 到 uv,从 CommonJS 到 src-layout
javascript·python·typescript